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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
jQuery中Datatables增加跳转到指定页功能
Feb 08 Javascript
很棒的vue弹窗组件
May 24 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 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
PHP 强制下载文件代码
2010/10/24 PHP
PHP代码审核的详细介绍
2013/06/13 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
2011/10/21 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
2013/11/28 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
详解nodejs实现本地上传图片并预览功能(express4.0+)
2017/06/28 NodeJs
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
让 python 命令行也可以自动补全
2014/11/30 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
python生成九宫格图片
2018/11/19 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
财务总监管理职责范文
2014/03/09 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
2014年标准化工作总结
2014/12/17 职场文书
分享15个Webpack实用的插件!!!
2021/03/31 Javascript
matplotlib如何设置坐标轴刻度的个数及标签的方法总结
2021/06/11 Python
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
MySQL系列之十 MySQL事务隔离实现并发控制
2021/07/02 MySQL
Python中的datetime包与time包包和模块详情
2022/02/28 Python
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python