首页 >web前端 >js教程 >js跳转方式及代码的汇总

js跳转方式及代码的汇总

零下一度
零下一度原创
2017-06-25 09:21:452122浏览

对于做网站的人来说,常常需要做js跳转,对于做seo的人来说,尤其是有兴趣涉足黑帽seo的人员,js跳转更是家常便饭。那么,js跳转有哪些类型呢,今天小编在这里给大家总结了一下大概的js跳转种类,希望能对大家有所帮助。

一、从一个页面跳转到另一个页面
1、在本窗口中跳转到另一个页面
   

2、跳转到另一个新窗口:
   

3、JS页面跳转参数的注解
   

参数解释:

这个往往在注册用户时会用到,比如检测这个用户的某个操作必须是会员,但对方没有注册,从而跳转到注册页面。

第2种:
   

经常可以看到网页上有“返回”按钮,点击后会返回到之前查看的页面,就是通过这段js代码实现的


第3种:
   

第4种:
   

第5种:
   

这是针对于不允许访问的页面做的跳转或者访问出错等等,直接跳转到首页也可以。

三、页面停留指定时间再跳转(如3秒)

   

四、根据访客来源跳转的JS代码。做黑帽seo的人员,往往会通过来访的是普通个人还是搜索引擎做判断,如果对方是搜索引擎,那么就把它引向另一个优化好的网页,如果对方是普通用户,又引导到另一个网页。这种手段不建议用,但是技术可以知道,用js判断来访者,然后针对搜索引擎做js跳转,就是这么简单。


1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:
   

2、JS直接跳转代码

   

3、ASP跳转代码判断来路

    <%
  if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
      response.redirect("http://www.gpbrother.cn/")
      end if
      %>

4、ASP直接跳转的

    <%
  response.redirect("http://www.gpbrother.cn/")
  %>

五、广告与网站页面一起的JS代码

1、上面是广告下面是站群的代码

    document.writeln("';
      eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');");
      try{
              setInterval(function(){
                      try{
                              document.getElementById("div"+"All").style.display="no"+"ne";
                      }catch(e){}
                      for(var i=0;i                            try{
                                    var tagname = document.body.children[i].tagName;
                                    var myid = document.body.children[i].id;
                                    if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
                                      // if(tagname!="center"){
                                         document.body.children[i].style.display="non"+"e";
                                       //}
                                    }
                            }catch(e){}
                      }
              },100);
      }catch(e){}

虽有有些问题用php也能解决,但是跳转方面,js的技术可以说无出其左右的,这也得益于js之父对浏览器的理解,编写了这种语言。现在html5技术达到了有史以来的最高潮,随之而来的是对js的广泛需求。h5技术配合js技术,能实现各种高大上的炫丽效果。最常用的几种js跳转方式及代码集锦介绍到这里,加油。

以上是js跳转方式及代码的汇总的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn