這篇文章給大家分享的是有關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如何控制頁面跳轉”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
文章名稱:javascript如何控制頁面跳轉
網站地址:http://www.yijiale78.com/article0/gipooo.html
成都網站建設公司_創新互聯,為您提供移動網站建設、企業網站制作、手機網站建設、網站排名、網站維護、全網營銷推廣
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯