JavaScript实现页面跳转的几种常用方式


Posted in Javascript onNovember 28, 2015

本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下:

第一种:

<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>

javascript中弹出选择框跳转到其他页面

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>

javascript中弹出提示框跳转到其他页面

<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

补充:window.location="";和 location.replace("");有什么区别?

这两个都能让网页导向令一个网址,那么有什么区别呢?比如能带参数,不能带参数之类的.
 Replace?还是Reload()?
好像没什么区别吧?没试过
 
replace(),reload()是重新加载本页,而replace()可以导向另外一个URL
 
给你举个例子:

我们现在有3个页面(a.html, b.html, c.html).
默认打开a.html页面,然后在a.html页面中通过一个链接转向a.html页面。

现在,我在b.html页面中用window.location.replace("c.html");与用window.location.href("c.html");分别进入c.html页面.

从用户界面来看是没有什么区别的,但是现在c.html页面有一个“返回”按钮,
用window.location.href("c.html");

进入c.html页面时,c.html页面中的调用window.history.go(-1);wondow.history.back();进入c.html页面时,一点这个"返回"按钮就要返回b.html页面的话,
而如果用window.location.replace("c.html");进入c.html页面的话,
c.html页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到a.html.
 
因为window.location.replace("c.html");是不会向服务器发送请求而进行跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面a.html 。

window.location.href("c.html");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到b.html。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript之dhDataGrid Ver2.0.0代码
Jul 01 Javascript
js 复制或插入Html的实现方法小结
May 19 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
JavaScript中pop()方法的使用教程
Jun 09 Javascript
AngularJS表格样式简单设置方法示例
Mar 03 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
JS创建Tag标签的方法详解
Jun 09 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
小程序实现发表评论功能
Jul 06 Javascript
浅析JS中NEW的实现原理及重写
Feb 20 Javascript
Javascript ParentNode和ChildNode接口原理解析
Mar 16 Javascript
Javascript页面跳转常见实现方式汇总
Nov 28 #Javascript
Javascript编程之继承实例汇总
Nov 28 #Javascript
Javascript编程中几种继承方式比较分析
Nov 28 #Javascript
详解JavaScript的变量和数据类型
Nov 27 #Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 #Javascript
Bootstrap精简教程
Nov 27 #Javascript
Bootstrap每天必学之标签与徽章
Nov 27 #Javascript
You might like
关于手调机和数调机的选择
2021/03/02 无线电
PHP正则表达式笔记与实例详解
2019/05/09 PHP
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
Python通过解析网页实现看报程序的方法
2014/08/04 Python
python简单实例训练(21~30)
2017/11/15 Python
详解django中使用定时任务的方法
2018/09/27 Python
Python的UTC时间转换讲解
2019/02/26 Python
python创建n行m列数组示例
2019/12/02 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
python tkinter实现连连看游戏
2020/11/16 Python
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
优秀研究生自我鉴定
2013/12/04 职场文书
宣传部部长竞选演讲稿
2014/04/26 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
2016教师党员学习心得体会
2016/01/21 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python