您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關javascript如何控制頁面跳轉的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
方法:1、使用“window.location.href="頁面地址"”;2、使用“window.history.back()”語句;3、使用“window.navigate()”語句;4、使用“self.location="地址"”語句。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
第一種:直接跳轉加參數
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
直接跳轉無參數:
<script>window.location.href='http://www.baidu.com';</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("top.jsp"); </script>
第四種:指定自身跳轉頁面 對框架無效。。
<script language="JavaScript"> self.location='top.htm'; </script>
應用實例:
<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="跳轉后有后退功能"/> <input type="button" onclick="replace()" value="跳轉后沒有后退功能"/> </body>
感謝各位的閱讀!關于“javascript如何控制頁面跳轉”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。