关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别


Posted in Javascript onOctober 18, 2010

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

如果D页面中有form的话,

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

<form target="_top"> : form提交后A页面跳转

关于页面刷新,D 页面中这样写:

"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

"top.location.reload();": A页面刷新

Javascript 相关文章推荐
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
Dec 03 Javascript
AngularJS Module方法详解
Dec 08 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
JS实现页面数据懒加载
Feb 13 Javascript
jQuery Validation实例代码 让验证变得如此容易
Oct 18 #Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 #Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 #Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 #Javascript
Javascript读取cookie函数代码
Oct 16 #Javascript
JavaScript 拾碎[三] 使用className属性
Oct 16 #Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 #Javascript
You might like
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
php面向对象值单例模式
2016/05/03 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
js获取图片大小的函数代码
2011/09/20 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
2016/02/15 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
JS简单判断函数是否存在的方法
2017/02/13 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
2018/10/09 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
基于javascript的拖拽类封装详解
2019/04/19 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
Python格式化css文件的方法
2015/03/10 Python
用pickle存储Python的原生对象方法
2017/04/28 Python
Python paramiko模块使用解析(实现ssh)
2019/08/30 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
两道JAVA笔试题
2016/09/14 面试题
三年级语文教学反思
2014/02/01 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
戒赌保证书
2015/05/11 职场文书