JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式！

我們?cè)陂_(kāi)發(fā)頁(yè)面時(shí)，經(jīng)常會(huì)涉及到頁(yè)面跳轉(zhuǎn)的開(kāi)發(fā)。那么這篇文章跟大家分享一下 JavaScript 實(shí)現(xiàn)頁(yè)面跳轉(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)無(wú)參數(shù)

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

第二種：返回上一級(jí)瀏覽界面

<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)指定頁(yè)面

跳轉(zhuǎn)指定頁(yè)面-對(duì)頁(yè)面無(wú)效

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

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

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

第四種：指定自身跳轉(zhuǎn)頁(yè)面（對(duì)框架無(wú)效）

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

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

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

第六種：在新窗口打開(kāi)頁(yè)面

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

以上六種 JavaScript 跳轉(zhuǎn)方式就是文章“JavaScript 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式！”的全部?jī)?nèi)容。更多 JavaScript 的學(xué)習(xí)請(qǐng)關(guān)注 w3cschool 官網(wǎng)。