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)文章
下面小編就為大家?guī)硪黄猨s定時器+簡單的動畫效果實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
在現(xiàn)代?Web?應(yīng)用程序中,實現(xiàn)高效的搜索功能是至關(guān)重要的,Fuse.js?是一個強大的?JavaScript?庫,它提供了靈活的模糊搜索和文本匹配功能,使您能夠輕松實現(xiàn)出色的搜索體驗,文中代碼示例講解的非常詳細,需要的朋友可以參考下2024-01-01
javascript實現(xiàn)blob加密視頻源地址的方法
這篇文章主要介紹了javascript實現(xiàn)blob加密視頻源地址的方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
Javascript 不能釋放內(nèi)存....2006-09-09
這篇文章主要為大家介紹了以fetch為例詳解如何消除js異步的傳染性示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
這篇文章主要介紹了js實現(xiàn)字符串轉(zhuǎn)日期格式的方法,涉及javascript針對字符串與日期操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
本文給大家分享的是一則非常常用和實用的小技巧，當鼠標點擊到輸入框（input）里的時候，輸入框的提示消失，鼠標再移開，輸入框提示出現(xiàn)，推薦給小伙伴們2015-03-03
JavaScript兼容性總結(jié)之獲取非行間樣式案例
這篇文章主要介紹了JavaScript兼容性總結(jié)之獲取非行間樣式的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)密碼框驗證信息，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
下面小編就為大家?guī)硪黄猨s兩種拼接字符串的簡單方法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09