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 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
微信小程序 http请求的session管理
Jun 07 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
详细分析Node.js 模块系统
Jun 28 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 Javascript
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+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php 字符串中的\n换行符无效、不能换行的解决方法
2014/04/02 PHP
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
PHP常用处理静态操作类
2015/04/03 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
JavaScript获取元素尺寸和大小操作总结
2015/02/27 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
python 多进程通信模块的简单实现
2014/02/20 Python
详解python 发送邮件实例代码
2016/12/22 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
python实现录音小程序
2020/10/26 Python
详解Django的model查询操作与查询性能优化
2018/10/16 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
Python 20行简单实现有道在线翻译的详解
2019/05/15 Python
python 字符串常用方法汇总详解
2019/09/16 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
Python 字典中的所有方法及用法
2020/06/10 Python
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
应届生妇产科护士求职信
2013/10/27 职场文书
实践单位评语
2014/04/26 职场文书
会计专业自荐书
2014/07/08 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
浅谈Redis缓冲区机制
2022/06/05 Redis