JS中window对象的top、parent与opener区别解析

top、opener与parent的基本含义

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与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;