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吗?
Feb 24 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
JS分页效果示例
Oct 11 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
javascript制作的滑动图片菜单
May 15 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
Vue 实现从小到大的横向滑动效果详解
Oct 16 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类
2006/10/09 PHP
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
PHP源码分析之变量的存储过程分解
2014/07/03 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
nodejs教程 安装express及配置app.js文件的详细步骤
2013/05/11 NodeJs
jQuery 删除或是清空某个HTML元素示例
2014/08/04 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
node.js 发布订阅模式的实例
2017/09/10 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
python批量获取html内body内容的实例
2019/01/02 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
keras多显卡训练方式
2020/06/10 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
CSS3中伪元素::before和::after的用法示例
2017/09/18 HTML / CSS
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
最新奶茶店创业计划书
2014/01/25 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
团员年度个人总结
2015/02/26 职场文书
党委工作总结2015
2015/04/27 职场文书
大学升旗仪式主持词
2015/07/04 职场文书