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 相关文章推荐
picChange 图片切换特效的函数代码
May 06 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
简约JS日历控件 实例代码
Jul 12 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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/01 无线电
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
javascript动画之圆形运动,环绕鼠标运动作小球
2010/07/20 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
2011/09/13 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
Javascript中引用示例介绍
2014/02/21 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
2017/01/19 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
微信小程序sessionid不一致问题解决
2019/08/30 Javascript
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
浅谈Python的Django框架中的缓存控制
2015/07/24 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
详解Python正则表达式re模块
2019/03/19 Python
Django中URL的参数传递的实现
2019/08/04 Python
Python小程序 控制鼠标循环点击代码实例
2019/10/08 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
Python控制台实现交互式环境执行
2020/06/09 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
计算机专业应届毕业生自荐信
2013/09/26 职场文书
物理力学求职信
2014/02/18 职场文书
投资建议书模板
2014/05/12 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
用Python将GIF动图分解成多张静态图片
2021/06/11 Python