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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
图片连续滚动代码[兼容IE/firefox]
Jun 11 Javascript
Javascript无阻塞加载具体方式
Jun 28 Javascript
复制js对象方法(详解)
Jul 08 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
Bootstrap select多选下拉框实现代码
Dec 23 Javascript
vue 文件目录结构详解
Nov 24 Javascript
js中bool值的转换及“&&”、“||”、 “!!”详解
Dec 21 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 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
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
php str_replace的替换漏洞
2008/03/15 PHP
PHP读取txt文件的内容并赋值给数组的代码
2011/11/03 PHP
十大使用PHP框架的理由
2015/09/26 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
jquery轮播的实现方式 附完整实例
2016/07/28 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
js保留两位小数方法总结
2018/01/31 Javascript
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
利用python将图片版PDF转文字版PDF
2019/05/03 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
Python os库常用操作代码汇总
2020/11/03 Python
巴基斯坦购物网站:Goto
2019/03/11 全球购物
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
保研推荐信
2014/05/09 职场文书
个人综合鉴定材料
2014/05/23 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
巴黎圣母院观后感
2015/06/10 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏