JavaScript中通过提示框跳转页面的方法

前端技术 2023/09/01 JavaScript

通过提示框跳转页面具体代码如下所示：

<!doctype html>
<html lang=\"en\">
<head>
<meta charset=\"UTF-\">
<title>Document</title>
</head>
<body>
<script>
window.onload = function(){ //设置当页面加载时执行
var btn =document.getElementsByTagName(\"button\")[] //获取btn元素
btn.onclick = function(){ //给button加上一个点击事件
var answer = confirm(\"是否想游览ziksang博客园\") //把确认框赋值给answer
if(answer) //判断是否点击确定
window.location =\"http://www.cnblogs.com/Ziksang/\" //确定的话游览器自身跳转
}
}
</script>
<button>点击跳转</button>
</body>
</html>

下面给大家介绍几种比较常见的js实现页面跳转的方式

第一种：

<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使用弹出窗口实现页面跳转的几种方式

———————————————————————————————————

第一种：弹出选择框跳转到其他页面

<script language=\"javascript\"> 
<!-- 
function logout(){ 
if (confirm(\"你确定要注销身份吗？是－选择确定，否-选择取消\"))...{ 
window.location.href=\"/logout.asp?act=logout\" 
} 
} 
--> 
</script> 
<input type=\"button\" onclick=\"logout()\" value=\"注销\"/>

第二种：弹出提示框跳转到其他页面

<script language=\"javascript\"> 
<!-- 
function logout(){ 
alert(\"你确定要注销身份吗？\"); 
window.location.href=\"/logout.asp?act=logout\" 
} 
--> 
</script>
<input type=\"button\" onclick=\"logout()\" value=\"注销\"/>

页面自动跳转到其他页面
———————————————————————————————————

只需要在页面加入一行代码

<meta http-equiv=\"Refresh\" content=\"5; url=http://www.codepub.com\" />

其中，content=\"5; url=http://www.codepub.com\"中的5表示5秒后跳转，可以直接设置为0

该代码多用于用户登陆时的页面跳转

把 onClick=\"windows.open(\"Submit.html\")\"

改成

onClick=\"window.location.reload(\'Submit.html\');\"
window.open(\'Submit.html\')

本文地址：https://www.stayed.cn/item/2335

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案