App下載

JavaScript實現(xiàn)頁面跳轉(zhuǎn)的幾種方式!

猿友 2021-05-11 11:13:36 瀏覽數(shù) (16041)
反饋

我們在開發(fā)頁面時,經(jīng)常會涉及到頁面跳轉(zhuǎn)的開發(fā)。那么這篇文章跟大家分享一下 JavaScript 實現(xiàn)頁面跳轉(zhuǎn)的幾種方式!

第一種:直接跳轉(zhuǎn)

直接跳轉(zhuǎn)加參數(shù)

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

直接跳轉(zhuǎn)無參數(shù)

<script>window.location.href='跳轉(zhuǎn)地址';</script>

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

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

第三種:跳轉(zhuǎn)指定頁面

跳轉(zhuǎn)指定頁面-對頁面無效

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

跳轉(zhuǎn)指定頁面-對框架有效

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

第四種:指定自身跳轉(zhuǎn)頁面(對框架無效)

<script language="JavaScript">
          self.location='跳轉(zhuǎn)地址';
   </script>

第五種:button 按鈕添加時間跳轉(zhuǎn)

<input  type="button" value="跳轉(zhuǎn)" onClick="location.href='跳轉(zhuǎn)地址'">

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

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

以上六種 JavaScript 跳轉(zhuǎn)方式就是文章“JavaScript 實現(xiàn)頁面跳轉(zhuǎn)的幾種方式!”的全部內(nèi)容。更多 JavaScript 的學習請關(guān)注 w3cschool 官網(wǎng)。

0 人點贊