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的checkbox下拉框插件代码
Jun 25 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
jQuery解析json格式数据简单实例
Jan 22 Javascript
JavaScript中的原型继承基础学习教程
May 06 Javascript
ionic隐藏tabs的方法
Aug 29 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
Aug 19 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
vue循环数组改变点击文字的颜色
Oct 14 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 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
php 团购折扣计算公式
2011/11/24 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
PHP中echo和print的区别
2014/08/28 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
js下用eval生成JSON对象
2010/09/17 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
javascript编写贪吃蛇游戏
2015/07/07 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python使用PIL实现多张图片垂直合并
2019/01/15 Python
详解python中的线程与线程池
2019/05/10 Python
python处理excel绘制雷达图
2019/10/18 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
结束运行python的方法
2020/06/16 Python
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
如何通过jdbc调用存储过程
2012/04/19 面试题
校长就职演讲稿
2014/01/06 职场文书
鉴定评语大全
2014/05/05 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL
python中取整数的几种方法
2021/11/07 Python
vue中div禁止点击事件的实现
2022/04/02 Vue.js
Win11控制面板快捷键是什么?Win11打开控制面板的方法汇总
2022/07/07 数码科技