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 相关文章推荐
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
Javascript的表单验证长度
Mar 16 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
Mar 22 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 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初学者最感迷茫的问题小结
2010/03/27 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
Node.js使用gm拼装sprite图片
2017/07/04 Javascript
通过示例彻底搞懂js闭包
2017/08/10 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
2019/02/15 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
vue.js循环radio的实例
2019/11/07 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
Python解析json文件相关知识学习
2016/03/01 Python
Python创建xml文件示例
2017/03/22 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
python实现简单文件读写函数
2021/02/25 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
The Athlete’s Foot新西兰:新西兰最大的运动鞋零售商
2019/12/23 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
什么是.net
2015/08/03 面试题
教师实习自我鉴定
2013/12/11 职场文书
高中生的自我鉴定范文
2014/01/24 职场文书
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
工作简报格式范文
2015/07/21 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript
k-means & DBSCAN 总结
2021/04/27 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫