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 相关文章推荐
图片延迟加载的实现代码(模仿懒惰)
Mar 29 Javascript
在Node.js应用中使用Redis的方法简介
Jun 24 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
JSON遍历方式实例总结
Dec 07 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
微信小程序前端自定义分享的实现方法
Jun 13 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
PHP 递归效率分析
2009/11/24 PHP
深入php多态的实现详解
2013/06/09 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
PHP SPL标准库之数据结构堆(SplHeap)简单使用实例
2015/05/12 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
php实现购物车功能(下)
2016/01/05 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
jquery根据锚点offset值实现动画切换
2014/09/11 Javascript
JS倒计时代码汇总
2014/11/25 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
2020/06/11 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
在Python中使用异步Socket编程性能测试
2014/06/25 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
Zabbix实现微信报警功能
2016/10/09 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
正规的求职信范文分享
2013/12/11 职场文书
机械专业应届生求职信
2013/12/12 职场文书
《云房子》教学反思
2014/04/20 职场文书
装修协议书范本
2014/04/21 职场文书
质量负责人任命书
2014/06/06 职场文书
民族学专业求职信
2014/07/28 职场文书
python实现过滤敏感词
2021/05/08 Python