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 相关文章推荐
Node.js的包详细介绍
Jan 14 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
Node.js实现文件上传
Jul 05 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
Dec 06 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
利用ES6语法重构React组件详解
Mar 02 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
Sep 26 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
vue移动端实现手机左右滑动入场动画
Jun 17 Javascript
vue接口请求加密实例
Aug 11 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
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
基于header的一些常用指令详解
2013/06/06 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
动态加载script文件的两种方法
2013/08/15 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
javascript中类的定义方式详解(四种方式)
2015/12/22 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
javascript触发模拟鼠标点击事件
2019/06/26 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
2019/09/06 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
17个Python小技巧分享
2015/01/23 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
JAVA SWT事件四种写法实例解析
2020/06/05 Python
Python面向对象特殊属性及方法解析
2020/09/16 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
Vans奥地利官方网站:美国原创极限运动潮牌
2018/09/30 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
公司员工离职证明书
2014/10/04 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang