对于做网站的人来说,常常需要做js跳转,对于做seo的人来说,尤其是有兴趣涉足黑帽seo的人员,js跳转更是家常便饭。那么,js跳转有哪些类型呢,今天小编在这里给大家总结了一下大概的js跳转种类,希望能对大家有所帮助。
一、从一个页面跳转到另一个页面
1、在本窗口中跳转到另一个页面
<script type="text/<a style=" color: text-decoration:underline title="javascript" href="https://www.php.cn/zt/15724.html" target="_blank">javascript"><br/> window.location.href="目标页面";<br/> </script>
2、跳转到另一个新窗口:
<script type="text/javascript"><br/> window.open('目标页面');<br/> </script>
3、JS页面跳转参数的注解
<script language="javascript"><br/> <!--<br/> window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')<br/> //写成一行<br/> --><br/> </script>
参数解释:
<script language="javascript"> js脚本开始;<br/> window.open 弹出新窗口的命令;<br/> 'page.html' 弹出窗口的文件名;<br/> 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;<br/> height=100 窗口高度;<br/> width=500 窗口宽度;<br/> top=0 窗口距离屏幕上方的象素值;<br/> left=0 窗口距离屏幕左侧的象素值。</script>
从这段代码中可以看到,js的控制很细致,从窗体的大小到窗体的位置都可以控制到位。开头的SCRIPT LANGUAGE,不一定非写成大写,小写的也行,只是一个js开始的开始标志。
二、跳转指定页面的JS代码
第1种:
<script language="javascript" type="text/javascript"><br/> window.location.href="login.jsp?backurl="+window.location.href;<br/> </script>
这个往往在注册用户时会用到,比如检测这个用户的某个操作必须是会员,但对方没有注册,从而跳转到注册页面。
第2种:
<script language="javascript"><br/> alert("返回");<br/> window.history.back(-1); <br/> </script>
经常可以看到网页上有“返回”按钮,点击后会返回到之前查看的页面,就是通过这段js代码实现的
第3种:
<script language="javascript"><br/> window.navigate("top.jsp"); <br/> </script>
第4种:
<script language="JavaScript"> <br/> self.location=’top.htm’; <br/> </script>
第5种:
<script language="javascript"> <br/> alert("非法访问!"); <br/> top.location=’xx.jsp’; <br/> </script>
这是针对于不允许访问的页面做的跳转或者访问出错等等,直接跳转到首页也可以。
三、页面停留指定时间再跳转(如3秒)
<script type="text/javascript"><br/> function jumurl(){<br/> window.location.href = 'http://www.gpbrother.cn/';<br/> }<br/> setTimeout(jumurl,3000);<br/> </script>
四、根据访客来源跳转的JS代码。做黑帽seo的人员,往往会通过来访的是普通个人还是搜索引擎做判断,如果对方是搜索引擎,那么就把它引向另一个优化好的网页,如果对方是普通用户,又引导到另一个网页。这种手段不建议用,但是技术可以知道,用js判断来访者,然后针对搜索引擎做js跳转,就是这么简单。
1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:
<script language="Javascript"><br/> var s=document.referrer<br/> if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )<br/> location.href="http://www.gpbrother.cn/";<br/> </script>
2、JS直接跳转代码
<script language="Javascript"><br/> location.href="http://www.gpbrother.cn/";<br/> </script>
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
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跳转方式及代码集锦介绍到这里,加油。










