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实现打开本地文件或文件夹
Mar 09 Javascript
javascript显示中文日期的方法
Jun 18 Javascript
Node.js 文件夹目录结构创建实例代码
Jul 08 Javascript
AngularJS基础 ng-options 指令详解
Aug 02 Javascript
jquery实现下拉框多选方法介绍
Jan 03 Javascript
JavaScript 中 apply 、call 的详解
Mar 21 Javascript
vue mounted组件的使用
Jun 18 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
js实现秒表计时器
Dec 16 Javascript
vue设置默认首页的操作
Aug 12 Javascript
微信小程序实现翻牌抽奖动画
Sep 21 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 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支持页面回退的两种方法[转]
2007/02/14 PHP
php中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
Yii2框架RESTful API 格式化响应,授权认证和速率限制三部分详解
2016/11/10 PHP
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
window.location.href中url中数据量太大时的解决方法
2013/12/23 Javascript
node.js中watch机制详解
2014/11/17 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
手机Web APP如何实现分享多平台功能
2016/08/19 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
bootstrap Table的一些小操作
2017/11/01 Javascript
Vue侦测相关api的实现方法
2019/05/22 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
2019/09/25 Javascript
vue:el-input输入时限制输入的类型操作
2020/08/05 Javascript
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
python生成密码字典的方法
2018/07/06 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
Python3常用内置方法代码实例
2019/11/18 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
安踏广告词改编版
2014/03/21 职场文书
新年联欢会主持词
2014/03/27 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技