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 相关文章推荐
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
jQuery简单操作cookie的插件实例
Jan 13 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
jQuery实现的placeholder效果完整实例
Aug 02 Javascript
在vue中实现简单页面逆传值的方法
Nov 27 Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 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
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
php DOS攻击实现代码(附如何防范)
2012/05/29 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
基于jQuery的动态表格插件
2011/03/28 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Vue.js实现网格列表布局转换方法
2017/08/25 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
小程序转发探索示例
2019/02/19 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
微信小程序手动添加收货地址省市区联动
2020/05/18 Javascript
[05:31]干嘛呢兄弟!DOTA2 TI9语音轮盘部分出处
2019/05/14 DOTA
下载糗事百科的内容_python版
2008/12/07 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
python占位符输入方式实例
2019/05/27 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
教学器材管理制度
2014/01/26 职场文书
国际商务英语专业求职信
2014/07/08 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
python可视化之颜色映射详解
2021/09/15 Python