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 相关文章推荐
Jquery之美中不足小结
Feb 16 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
Oct 29 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
May 05 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
ES6中新增的Object.assign()方法详解
Sep 22 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
在NPM发布自己造的轮子的方法步骤
Mar 09 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
B2K与车机的中波PK
2021/03/02 无线电
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
vue.js实现表格合并示例代码
2016/11/30 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
jQuery DOM节点的遍历方法小结
2017/08/15 jQuery
微信小程序使用Socket的实例
2017/09/19 Javascript
基于IView中on-change属性的使用详解
2018/03/15 Javascript
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
Python map和reduce函数用法示例
2015/02/26 Python
Python每天必学之bytes字节
2016/01/28 Python
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
python之pyqt5通过按钮改变Label的背景颜色方法
2019/06/13 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
工作收入证明模板
2014/10/10 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
Python离线安装openpyxl模块的步骤
2021/03/30 Python
python turtle绘图命令及案例
2021/11/23 Python