javascript如何控制頁面跳轉(zhuǎn)

發(fā)布時(shí)間：2021-06-08 12:46:16 來源：億速云閱讀：107 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)javascript如何控制頁面跳轉(zhuǎn)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

方法：1、使用“window.location.href="頁面地址"”；2、使用“window.history.back()”語句；3、使用“window.navigate()”語句；4、使用“self.location="地址"”語句。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

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

第一種：直接跳轉(zhuǎn)加參數(shù)

    <script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href; 
    </script>

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

<script>window.location.href='http://www.baidu.com';</script>

第二種：返回上一次預(yù)覽界面

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

標(biāo)簽嵌套：

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

第三種：指定跳轉(zhuǎn)頁面對(duì)框架無效。。。

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

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

   <script language="JavaScript">
          self.location='top.htm';
   </script>

應(yīng)用實(shí)例：

<head> 
<script language="javascript">

function old_page() 
{ 
window.location = "login.aspx" 
} 
function replace() 
{ 
window.location.replace("login.aspx") 
} 
function new_page() 
{ 
window.open("login.aspx") 
} 
</script> 
</head> 
<body> 
<input type="button" onclick="new_page()" value="在新窗口打開s"/> 
<input type="button" onclick="old_page()" value="跳轉(zhuǎn)后有后退功能"/> 
<input type="button" onclick="replace()" value="跳轉(zhuǎn)后沒有后退功能"/> 
</body>

感謝各位的閱讀！關(guān)于“javascript如何控制頁面跳轉(zhuǎn)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

javascript如何控制頁面跳轉(zhuǎn)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽