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 相关文章推荐
jQuery 页面载入进度条实现代码
Feb 08 Javascript
JavaScript 继承详解(三)
Jul 13 Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
electron实现静默打印的示例代码
Aug 12 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
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 遍历XP文件夹下所有文件
2008/11/27 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
php字符串过滤与替换小结
2015/01/26 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
YII框架页面缓存操作示例
2019/04/29 PHP
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
2014/09/03 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
python 数据加密代码
2008/12/24 Python
Python常用正则表达式符号浅析
2014/08/13 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
Python多分支if语句的使用
2020/09/03 Python
SEPHORA丝芙兰捷克官网:购买香水、化妆品和护肤品
2018/11/26 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
销售业务实习自我鉴定
2013/09/23 职场文书
机械专业毕业生自荐信
2013/11/02 职场文书
大学生怎样进行自我评价
2013/12/07 职场文书
物流管理专业求职信
2014/05/29 职场文书
骨干教师事迹材料
2014/12/17 职场文书
亮剑观后感
2015/06/05 职场文书
演讲比赛通讯稿
2015/07/18 职场文书
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫