js实现页面跳转的五种方法推荐


Posted in Javascript onMarch 10, 2016

js实现页面跳转的五种方法推荐

第一种:

<script language="javascript" type="text/javascript"> 

window.location.href="xx.jsp?backurl="+window.location.href; 

</script>

第二种:

<script language="javascript"> 

alert("返回"); 

window.history.back(-1); 

window.history.go(-1);

</script>

第三种:

<script language="javascript"> 

window.navigate("xx.jsp"); 

</script>

第四种:

<script language="JavaScript"> 

self.location='xx.htm'; 

</script>

第五种:

<script language="javascript"> 

alert("非法访问!"); 

top.location='xx.jsp'; 

</script>

总结:
self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

top:父窗口对象

window:典型情况下,浏览器会为每一个打开的html创建对应的window对象,如果这个文档包含了多个框架,则浏览器会为原始文档建立一个window对象,再为每个框架创建额外的window对象。可以再当前窗口中直接使用window的全部属性、方法和集合,即不需要在前面附加计算结果为当前window对象的表达式。虽然window可以省略,但是为了方便阅读以及避免一些漏洞,一般都使用这个关键字。
location:该对象包含当前url信息,拥有多个属性。默认属性为 location.href,表示整个url,即如果设置location="https://3water.com",则等同于location.href="https://3water.com".self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

window.navigate("http://xx.html/") 这个方法是只针对IE的,不适用于火狐等其他浏览器,在HTML DOM Window Object中,根本没有列出window.navigate这个方法,所以这个方法尽量少用。
window.location 属性是兼容所有浏览器的。因此在实现页面跳转的时候这个比较常用。
window.history.go(-1)是返回上一页
window.location.go(-1) 是刷新上一页

以上这篇js实现页面跳转的五种方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
使用vue编写一个点击数字计时小游戏
Aug 31 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
Mar 19 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
js实现页面跳转的五种方法推荐
Mar 10 #Javascript
js实现上一页下一页的效果【附代码】
Mar 10 #Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 #Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 #Javascript
node.js实现爬虫教程
Aug 25 #Javascript
ES6中如何使用Set和WeakSet
Mar 10 #Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 #Javascript
You might like
PHP源代码数组统计count分析
2011/08/02 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
Python进行数据科学工作的简单入门教程
2015/04/01 Python
Python2.7简单连接与操作MySQL的方法
2016/04/27 Python
基于并发服务器几种实现方法(总结)
2017/12/29 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
详解python播放音频的三种方法
2019/09/23 Python
Python版中国省市经纬度
2020/02/11 Python
python自动下载图片的方法示例
2020/03/25 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
五年级学生期末评语
2014/12/26 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
警示教育片观后感
2015/06/17 职场文书
思想工作总结范文
2015/08/12 职场文书
Python使用Kubernetes API访问集群
2021/05/30 Python
OpenCV实现普通阈值
2021/11/17 Java/Android