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 读取xml,写入xml 实现代码
Jul 10 Javascript
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
javascript之querySelector和querySelectorAll使用说明
Oct 09 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
May 17 Javascript
JS延迟加载加快页面打开速度示例代码
Dec 30 Javascript
js分页工具实例
Jan 28 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
Vue 自定义动态组件实例详解
Mar 28 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
php使用file函数、fseek函数读取大文件效率对比分析
2016/11/04 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
ie浏览器使用js导出网页到excel并打印
2014/03/11 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
LayUI表格批量删除方法
2018/08/15 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
基于python中pygame模块的Linux下安装过程(详解)
2017/11/09 Python
Django添加sitemap的方法示例
2018/08/06 Python
python3.7 的新特性详解
2019/07/25 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
电脑教师的自我评价
2013/12/18 职场文书
中学生校园广播稿
2014/01/16 职场文书
档案保密承诺书
2014/06/03 职场文书
经理任命书模板
2014/06/06 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS