常用的js跳轉頁面方法實現匯總

 

1.window.location.href方式
   

<script language="javascript" type="text/javascript">
           window.location.href="target.jsp"; 
</script>

 

2.window.navigate方式跳轉
  

<script language="javascript">
    window.navigate("target.jsp");
</script>

 

 

3.window.loction.replace方式實現頁面跳轉，注意跟第一種方式的區別

 

<script language="javascript">
    window.location.replace("target.aspx");
</script>

 

有3個jsp頁面（1.jsp, 2.jsp, 3.jsp）。

進系統默認的是1.aspx，

當我進入2.aspx的時候， 2.aspx里面用window.location.replace("3.aspx");

與用window.location.href ("3.aspx");

從用戶界面來看 是沒有什么區別的，但是當3.aspx頁面有一個"返回"按鈕，調用window.history.go(-1); wondow.history.back();方法的時候，一點這個返回按鈕就要返回2.aspx頁面的話，區別就出來了，當用 window.location.replace("3.aspx");連到3.aspx頁面的話，3.aspx頁面中的調用 window.history.go(-1);wondow.history.back();方法是不好用的，會返回到1.aspx。

4.self.location方式實現頁面跳轉，和下面的top.location有小小區別
 

  <script language="JavaScript">
          self.location='target.aspx';
   </script>

 

5.top.location

   <script language="javascript">
          top.location='target.aspx';
   </script>

 

6.不推薦這種方式跳轉
   

<script language="javascript">
    alert("返回");
    window.history.back(-1);
</script>

 

Javascript 返回上一頁 history.go(-1),  返回兩個頁面: history.go(-2); 

window.history.forward() 返回下一頁 

window.history.go(返回第幾頁,也可以使用訪問過的URL)

 

 

7. meta方式實現跳轉(content = 3 單位是秒)

<meta http-equiv=refresh content=3;URL="http://www.souvc.com">

 

 

8. javascript中彈出選擇框跳轉到其他頁面

<script language="javascript"> 

function logout()...{ 
if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))...{ 
window.location.href="logout.asp?act=logout" 
} 
}

</script> 

 

9. javascript中彈出提示框跳轉到其他頁面

 

<script language="javascript">
function logout()...{
alert("你確定要注銷身份嗎？");
window.location.href="logout.asp?act=logout"
}
</script> 

 

10. JS 跳轉頁面延遲

window.setTimeout("window.location='index.shtml'",2000);
//兩秒后跳轉新頁面