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


Posted in Javascript onFebruary 14, 2016

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

<!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')
Javascript 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
js写一个弹出层并锁屏效果实现代码
Dec 07 Javascript
jQuery中:disabled选择器用法实例
Jan 04 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
JS中用EL表达式获取上下文参数值的方法
Mar 28 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 Javascript
JavaScript中关联原型链属性特性
Feb 13 #Javascript
JavaScript操作class和style样式代码详解
Feb 13 #Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 #Javascript
JavaScript常用数组算法小结
Feb 13 #Javascript
Javascript 字符串模板的简单实现
Feb 13 #Javascript
javascript基础知识分享之类与函数化
Feb 13 #Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 #Javascript
You might like
php Http_Template_IT类库进行模板替换
2009/03/19 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
php冒泡排序与快速排序实例详解
2015/12/07 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
CI框架附属类用法分析
2018/12/26 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
JS面向对象之单选框实现
2020/01/17 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
Python基于百度AI实现OCR文字识别
2020/04/02 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
const和static readonly区别
2013/05/20 面试题
关爱留守儿童倡议书
2014/04/15 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
杭白菊导游词
2015/02/10 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
工作收入证明模板
2015/06/12 职场文书
小学校本教研总结
2015/08/13 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP
Flask response响应的具体使用
2021/07/15 Python
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA