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 相关文章推荐
按给定几率进行随机抽取的js代码
Dec 28 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
原生js编写焦点图效果
Dec 08 Javascript
js a标签点击事件
Mar 30 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
JavaScript Canvas实现验证码
Aug 02 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
vue中使用codemirror的实例详解
Nov 01 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
Oct 16 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
javascript实现可键盘控制的抽奖系统
Mar 10 #Javascript
You might like
菜鸟修复电子管记
2021/03/02 无线电
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
更高效的使用JQuery 这里总结了8个小技巧
2016/04/13 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
通过C++学习Python
2015/01/20 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
3分钟学会一个Python小技巧
2018/11/23 Python
python sqlite的Row对象操作示例
2019/09/11 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
大学生的自我鉴定范文
2014/01/21 职场文书
工程招投标邀请书
2014/01/26 职场文书
年级组长自我鉴定
2014/02/22 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
名人演讲稿范文
2014/09/16 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
新员工试用期自我评价
2015/03/10 职场文书
工商行政处罚决定书
2015/06/24 职场文书
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python