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 相关文章推荐
javascript 对象比较实现代码
Apr 27 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
Jan 21 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
Feb 16 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日期转时间戳,指定日期转换成时间戳
2012/07/17 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
laravel5.5安装jwt-auth 生成token令牌的示例
2019/10/24 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
python导入pandas具体步骤方法
2019/06/23 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
python利用tkinter实现屏保
2019/07/30 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python二元表达式用法
2019/12/04 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
shell变量的作用空间是什么
2013/08/17 面试题
留学推荐信中文范文三篇
2014/01/25 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
工作证明格式及范本
2014/09/12 职场文书
2014年城管工作总结
2014/11/20 职场文书
使用golang编写一个并发工作队列
2021/05/08 Golang
Python关于OS文件目录处理的实例分享
2021/05/23 Python
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP
POST提交数据常见的四种方式
2022/01/18 HTML / CSS
海弦WR-800F
2022/04/05 无线电