JavaScript中通過提示框跳轉(zhuǎn)頁面的方法
更新時間：2016年02月14日 08:57:28 作者：Ziksang
這篇文章主要介紹了JavaScript中通過提示框跳轉(zhuǎn)頁面的方法的相關(guān)資料,需要的朋友可以參考下
通過提示框跳轉(zhuǎn)頁面具體代碼如下所示：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-">
<title>Document</title>
</head>
<body>
<script>
window.onload = function(){ //設(shè)置當頁面加載時執(zhí)行
var btn =document.getElementsByTagName("button")[] //獲取btn元素
btn.onclick = function(){ //給button加上一個點擊事件
var answer = confirm("是否想游覽ziksang博客園") //把確認框賦值給answer
if(answer) //判斷是否點擊確定
window.location ="http://www.cnblogs.com/Ziksang/" //確定的話游覽器自身跳轉(zhuǎn)
}
}
</script>
<button>點擊跳轉(zhuǎn)</button>
</body>
</html>
下面給大家介紹幾種比較常見的js實現(xiàn)頁面跳轉(zhuǎn)的方式
第一種：
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
第二種：
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三種：
<script language="javascript">
window.navigate("top.jsp");
</script>
第四種：
<script language="JavaScript"> self.location='top.htm'; </script>
第五種：
<script language="javascript">
alert("非法訪問！");
top.location='xx.jsp';
</script>
接著給大家介紹js使用彈出窗口實現(xiàn)頁面跳轉(zhuǎn)的幾種方式
———————————————————————————————————
第一種：彈出選擇框跳轉(zhuǎn)到其他頁面
<script language="javascript">
<!--
function logout(){
if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))...{
window.location.href="/logout.asp?act=logout"
}
}
-->
</script>
<input type="button" onclick="logout()" value="注銷"/>
第二種：彈出提示框跳轉(zhuǎn)到其他頁面
<script language="javascript">
<!--
function logout(){
alert("你確定要注銷身份嗎？");
window.location.href="/logout.asp?act=logout"
}
-->
</script>
<input type="button" onclick="logout()" value="注銷"/>
頁面自動跳轉(zhuǎn)到其他頁面
———————————————————————————————————
只需要在頁面加入一行代碼
<meta http-equiv="Refresh" content="5; url=http://www.codepub.com" />
其中，content="5; url=http://www.codepub.com"中的5表示5秒后跳轉(zhuǎn)，可以直接設(shè)置為0
該代碼多用于用戶登陸時的頁面跳轉(zhuǎn)
把 onClick="windows.open("Submit.html")"
改成
onClick="window.location.reload('Submit.html');"
window.open('Submit.html')
相關(guān)文章
JavaScript中setInterval()和setTimeout()的用法及區(qū)別
這篇文章主要給大家介紹了關(guān)于JavaScript中setInterval()和setTimeout()用法及區(qū)別的相關(guān)資料,Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),需要的朋友可以參考下2023-11-11
前端實現(xiàn)列表多條件查詢/搜索功能兩種實現(xiàn)方法
我們在開發(fā)過程中,特別是數(shù)據(jù)庫系統(tǒng)的開發(fā)中經(jīng)常會遇到多條件的查詢狀況這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)列表多條件查詢/搜索功能的兩種實現(xiàn)方法,需要的朋友可以參考下2024-08-08
微信小程序骨架屏的應(yīng)用與實現(xiàn)步驟詳細記錄
所謂骨架屏就是在頁面數(shù)據(jù)尚未加載前先給用戶展示出頁面的大致結(jié)構(gòu),直到請求數(shù)據(jù)返回后再渲染頁面,補充進需要顯示的數(shù)據(jù)內(nèi)容,這篇文章主要給大家介紹了關(guān)于微信小程序骨架屏的應(yīng)用與實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了常見的javascript跨域通信方法2015-12-12
這篇文章主要為大家詳細介紹了基于Three.js實現(xiàn)360度全景圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
正則表達式（regular expression）是一種字符串匹配的模式，用來檢查一個字符串中是否包含指定模式的字符串。下面通過本文給大家分享JavaScript_正則表達式和級聯(lián)效果，感興趣的朋友一起看看吧2017-09-09
這篇文章主要介紹了js如何設(shè)置緩存及獲取設(shè)置的緩存,需要的朋友可以參考下2014-05-05
js變量作用域及可訪問性的探討...2006-11-11
JS簡單編號生成器實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了JS簡單編號生成器實現(xiàn)方法,涉及JavaScript針對表單與字符串操作的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
javascript動態(tài)添加checkbox復(fù)選框的方法
這篇文章主要介紹了javascript動態(tài)添加checkbox復(fù)選框的方法的相關(guān)資料,需要的朋友可以參考下2015-12-12