JavaScript實現頁面跳轉的幾種方式！

我們在開發(fā)頁面時，經常會涉及到頁面跳轉的開發(fā)。那么這篇文章跟大家分享一下 JavaScript 實現頁面跳轉的幾種方式！

第一種：直接跳轉

直接跳轉加參數

<script language="javascript" type="text/javascript">
    window.location.href="跳轉地址?backurl="+window.location.href; 
</script>

直接跳轉無參數

<script>window.location.href='跳轉地址';</script>

第二種：返回上一級瀏覽界面

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

<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三種：跳轉指定頁面

跳轉指定頁面-對頁面無效

 <script language="javascript">
       window.navigate("跳轉地址");
  </script>

跳轉指定頁面-對框架有效

 <script language="javascript">
      alert("非法訪問！");
      top.location='跳轉地址';
 </script>

第四種：指定自身跳轉頁面（對框架無效）

<script language="JavaScript">
          self.location='跳轉地址';
   </script>

第五種：button 按鈕添加時間跳轉

<input  type="button" value="跳轉" onClick="location.href='跳轉地址'">

第六種：在新窗口打開頁面

<a href="javascript:" onClick="window.open('跳轉地址','','scrollbars=yes,status=yes')">打開新窗口</a> 

以上六種 JavaScript 跳轉方式就是文章“JavaScript 實現頁面跳轉的幾種方式！”的全部內容。更多 JavaScript 的學習請關注 w3cschool 官網。