JS window对象的top、parent、opener含义介绍


Posted in Javascript onDecember 03, 2013

1.top
该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。
2.opener
opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方
法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。
3.parent
parent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A页面中有一个iframe或frame,那么iframe
或frame中的页面就可以通过parent对象来引用A页面中的对象。这样就可以获取或返回值到A页面中。
4.另外self 指的是当前窗口

parent与opener的区别:

parent指父窗口,在FRAMESET中,FRAME的PARENT就是FRAMESET窗口。
opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
parent是相对于框架来说父窗口对象
opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有

document.parentWindow.menthod()?用父?面的方法

附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系
Window对象→Parent对象→Frame对象→Document对象→Form对象,
如下: parent.frame1.document.forms[0].elements[0].value;

Javascript 相关文章推荐
JQuery实现自定义对话框的代码
Jun 15 Javascript
javascript 面向对象编程 万物皆对象
Sep 17 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
jquery next nextAll nextUntil siblings的区别介绍
Oct 05 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 Javascript
JavaScript实现复制文章自动添加版权
Aug 02 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
vue实现行列转换的一种方法
Aug 06 Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 Javascript
Javascript文本框脚本实现方法解析
Oct 30 Javascript
javascript实现信息的显示和隐藏如注册页面
Dec 03 #Javascript
一个js控制的导航菜单实例代码
Dec 03 #Javascript
JS与C#编码解码
Dec 03 #Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 #Javascript
浅析JavaScript原型继承的陷阱
Dec 03 #Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 #Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 #Javascript
You might like
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
php循环语句 for()与foreach()用法区别介绍
2012/09/05 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
Javascript编写俄罗斯方块思路及实例
2015/07/07 Javascript
jQuery+HTML5加入购物车代码分享
2020/10/29 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
2016/10/25 Javascript
jQuery Password Validation密码验证
2016/12/30 Javascript
拖动时防止选中
2017/02/03 Javascript
js实现抽奖效果
2017/03/27 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
2017/06/13 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
Python3.6简单反射操作示例
2018/06/14 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
使用python实现画AR模型时序图
2019/11/20 Python
Python netmiko模块的使用
2020/02/14 Python
高中毕业生自我鉴定范文
2013/09/26 职场文书
18岁生日感言
2014/01/12 职场文书
班级年度安全计划书
2014/05/01 职场文书
三八妇女节标语
2014/10/09 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android
Promise静态四兄弟实现示例详解
2022/07/07 Javascript