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 相关文章推荐
js定时器的使用(实例讲解)
Jan 06 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
编程语言JavaScript简介
Oct 16 Javascript
AngularJS基础教程之简单介绍
Sep 27 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
微信小程序实现星级评价效果
Dec 28 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
Jun 02 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创建/删除/复制文件夹、文件
2016/05/03 PHP
laravel 数据验证规则详解
2019/10/23 PHP
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
2014/05/07 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
js实现日历与定时器
2017/02/22 Javascript
微信小程序 navbar实例详解
2017/05/11 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
Python 可爱的大小写
2008/09/06 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
如何通过python画loss曲线的方法
2019/06/26 Python
Python使用Pandas读写Excel实例解析
2019/11/19 Python
python实现udp聊天窗口
2020/03/31 Python
Python排序函数的使用方法详解
2020/12/11 Python
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
社区七一党员活动方案
2014/01/25 职场文书
《珍珠泉》教学反思
2014/02/20 职场文书
工作决心书
2014/03/11 职场文书
美容院店长岗位职责
2014/04/08 职场文书
奉献演讲稿范文
2014/05/21 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
利用Pycharm连接服务器的全过程记录
2021/07/01 Python
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫