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 相关文章推荐
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
Nov 18 Javascript
javascript cookie基础应用之记录用户名的方法
Sep 20 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
Feb 02 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
Feb 06 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
Jun 23 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
js实现数字滚动特效
Dec 16 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
JavaScript中window和document用法详解
Jul 28 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
虫族 ZERG 概述
2020/03/14 星际争霸
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
jquery拖动插件(jquery.drag)使用介绍
2013/06/18 Javascript
js完美解决IE6不支持position:fixed的bug
2015/04/24 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
详解如何使用webpack打包JS
2018/06/21 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
JavaScript中的执行环境和作用域链
2020/09/04 Javascript
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
简单谈谈python中的多进程
2016/11/06 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
python 实现多维数组转向量
2019/11/30 Python
Python openpyxl模块实现excel读写操作
2020/06/30 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
Html5新增标签有哪些
2017/04/13 HTML / CSS
应届生服装设计自我评价
2013/09/20 职场文书
如何进行有效的自我评价
2013/09/27 职场文书
运动会入场口号
2014/06/07 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
导航工程专业自荐信
2014/09/02 职场文书
初中班长竞选稿
2015/11/20 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
Linux、ubuntu系统下查看显卡型号、显卡信息详解
2022/04/07 Servers