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 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
Javascript 函数对象的多重身份
Jun 28 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
Jun 20 Javascript
原生js制作日历控件实例分享
Apr 06 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
Angular 开发学习之Angular CLI的安装使用
Dec 31 Javascript
详解vue 图片上传功能
Apr 30 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
Sep 26 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写入数据到CSV文件的方法
2015/03/14 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
跟老齐学Python之做一个小游戏
2014/09/28 Python
Python中运行并行任务技巧
2015/02/26 Python
利用一个简单的例子窥探CPython内核的运行机制
2015/03/30 Python
Python fileinput模块使用实例
2015/06/03 Python
python使用matplotlib绘制折线图教程
2017/02/08 Python
python中通过预先编译正则表达式提高效率
2017/09/25 Python
python中文分词,使用结巴分词对python进行分词(实例讲解)
2017/11/14 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Django继承自带user表并重写的例子
2019/11/18 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
三星英国官网:Samsung英国
2018/09/25 全球购物
猫咪家具:CatsPlay
2018/11/03 全球购物
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
课程设计心得体会
2013/12/28 职场文书
物业保安员岗位职责制度
2014/01/30 职场文书
网络工程师职业规划
2014/02/10 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
银行先进个人总结
2015/02/15 职场文书
出国留学导师推荐信
2015/03/26 职场文书
走近毛泽东观后感
2015/06/04 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书