JavaScript中通過(guò)提示框跳轉(zhuǎn)頁(yè)面的方法
更新時(shí)間：2016年02月14日 08:57:28 作者：Ziksang
這篇文章主要介紹了JavaScript中通過(guò)提示框跳轉(zhuǎn)頁(yè)面的方法的相關(guān)資料,需要的朋友可以參考下
通過(guò)提示框跳轉(zhuǎn)頁(yè)面具體代碼如下所示：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-">
<title>Document</title>
</head>
<body>
<script>
window.onload = function(){ //設(shè)置當(dāng)頁(yè)面加載時(shí)執(zhí)行
var btn =document.getElementsByTagName("button")[] //獲取btn元素
btn.onclick = function(){ //給button加上一個(gè)點(diǎn)擊事件
var answer = confirm("是否想游覽ziksang博客園") //把確認(rèn)框賦值給answer
if(answer) //判斷是否點(diǎn)擊確定
window.location ="http://www.cnblogs.com/Ziksang/" //確定的話(huà)游覽器自身跳轉(zhuǎn)
}
}
</script>
<button>點(diǎn)擊跳轉(zhuǎn)</button>
</body>
</html>
下面給大家介紹幾種比較常見(jiàn)的js實(shí)現(xiàn)頁(yè)面跳轉(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("非法訪問(wèn)！");
top.location='xx.jsp';
</script>
接著給大家介紹js使用彈出窗口實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式
———————————————————————————————————
第一種：彈出選擇框跳轉(zhuǎn)到其他頁(yè)面
<script language="javascript">
<!--
function logout(){
if (confirm("你確定要注銷(xiāo)身份嗎？是－選擇確定，否-選擇取消"))...{
window.location.href="/logout.asp?act=logout"
}
}
-->
</script>
<input type="button" onclick="logout()" value="注銷(xiāo)"/>
第二種：彈出提示框跳轉(zhuǎn)到其他頁(yè)面
<script language="javascript">
<!--
function logout(){
alert("你確定要注銷(xiāo)身份嗎？");
window.location.href="/logout.asp?act=logout"
}
-->
</script>
<input type="button" onclick="logout()" value="注銷(xiāo)"/>
頁(yè)面自動(dòng)跳轉(zhuǎn)到其他頁(yè)面
———————————————————————————————————
只需要在頁(yè)面加入一行代碼
<meta http-equiv="Refresh" content="5; url=http://www.codepub.com" />
其中，content="5; url=http://www.codepub.com"中的5表示5秒后跳轉(zhuǎn)，可以直接設(shè)置為0
該代碼多用于用戶(hù)登陸時(shí)的頁(yè)面跳轉(zhuǎn)
把 onClick="windows.open("Submit.html")"
改成
onClick="window.location.reload('Submit.html');"
window.open('Submit.html')
相關(guān)文章
js定時(shí)器+簡(jiǎn)單的動(dòng)畫(huà)效果實(shí)例
下面小編就為大家?guī)?lái)一篇js定時(shí)器+簡(jiǎn)單的動(dòng)畫(huà)效果實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
使用Fuse.js實(shí)現(xiàn)高效的模糊搜索功能
在現(xiàn)代?Web?應(yīng)用程序中,實(shí)現(xiàn)高效的搜索功能是至關(guān)重要的,Fuse.js?是一個(gè)強(qiáng)大的?JavaScript?庫(kù),它提供了靈活的模糊搜索和文本匹配功能,使您能夠輕松實(shí)現(xiàn)出色的搜索體驗(yàn),文中代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-01-01
javascript實(shí)現(xiàn)blob加密視頻源地址的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)blob加密視頻源地址的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
Javascript 不能釋放內(nèi)存....2006-09-09
這篇文章主要為大家介紹了以fetch為例詳解如何消除js異步的傳染性示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
js實(shí)現(xiàn)字符串轉(zhuǎn)日期格式的方法
這篇文章主要介紹了js實(shí)現(xiàn)字符串轉(zhuǎn)日期格式的方法,涉及javascript針對(duì)字符串與日期操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
本文給大家分享的是一則非常常用和實(shí)用的小技巧，當(dāng)鼠標(biāo)點(diǎn)擊到輸入框（input）里的時(shí)候，輸入框的提示消失，鼠標(biāo)再移開(kāi)，輸入框提示出現(xiàn)，推薦給小伙伴們2015-03-03
JavaScript兼容性總結(jié)之獲取非行間樣式案例
這篇文章主要介紹了JavaScript兼容性總結(jié)之獲取非行間樣式的相關(guān)資料,需要的朋友可以參考下2016-08-08
基于JavaScript實(shí)現(xiàn)密碼框驗(yàn)證信息
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)密碼框驗(yàn)證信息，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
下面小編就為大家?guī)?lái)一篇js兩種拼接字符串的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09