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图像处理—为矩阵添加常用方法
Dec 27 Javascript
js同比例缩放图片的小例子
Oct 30 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
基于bootstrap实现广告轮播带图片和文字效果
Jul 22 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
vue-axios使用详解
May 10 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
javascript实现视频弹幕效果(两个版本)
Nov 28 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
ftp类(myftp.php)
2006/10/09 PHP
PHP 文件上传全攻略
2010/04/28 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
js中this的用法实例分析
2015/01/10 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
使用JavaScript通过前端发送电子邮件
2020/05/22 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
Python列表推导式的使用方法
2013/11/21 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
护士自我鉴定怎么写
2014/02/07 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android
Java中try catch处理异常示例
2021/12/06 Java/Android