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 相关文章推荐
Display SQL Server Login Mode
Jun 21 Javascript
jQuery学习笔记之DOM对象和jQuery对象
Dec 22 Javascript
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
javascript实现数字验证码的简单实例
Feb 10 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
10个JavaScript中易犯小错误
Feb 14 Javascript
jQuery实现下拉框功能实例代码
May 06 Javascript
利用JS实现数字增长
Jul 28 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
Vue Socket.io源码解读
Feb 07 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 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
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
jquery解决图片路径不存在执行替换路径
2013/02/06 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
JavaScript代码实现简单计算器
2020/12/27 Javascript
python 实现矩阵上下/左右翻转,转置的示例
2019/01/23 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
如何通过python的fabric包完成代码上传部署
2019/07/29 Python
Django框架反向解析操作详解
2019/11/28 Python
详解Python中的路径问题
2020/09/02 Python
Html5自定义字体解决方法
2019/10/09 HTML / CSS
外企办公室竞聘演讲稿
2013/12/29 职场文书
高校教师岗位职责
2014/03/18 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
干部年终考核评语
2015/01/04 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python
详解vue中v-for的key唯一性
2021/05/15 Vue.js