你的位置:首页 > 网页设计

[网页设计]窗口、窗体之间的关系


窗口、窗体之间的关系:
      通过window.open()创建的新窗口的Window对象具有opener属性,可以通过opener打开它的原始窗口,这样两个窗口之间就可以相互引用,彼此之间可以读取对方的属性方法,而窗体也是一样。
        窗体是由<iframe>创建的,该元素有contentWindow属性,它引用自身的Window对象,而Window对象有frameElement属性,若该Window对象表示一个窗体,则frameElement是对<Iframe>元素的引用,如:对于元素<iframe id = 'f1'>,
        var elt = document.getElementById('f1');
        var win = elt.contentWindow;
        win.frameElement === elt; //true
        window.frameElement === elt; //false 对于顶级窗口来说永远是false
        每个Window对象都有一个frames属性,包括窗体和子窗体。frames属性引用了它所包含的窗体和子窗体的Window对象,frames是由这些Window对象组成的类数组对象,可通过数字或窗体名来进行索引,如引用第一个子窗体frames[0],引用第二个子窗体的第三个子窗体frames[1].frames[2],引用兄弟窗体parent.frames[1]。
        内置对象在不同的窗口、窗体之间是相互独立的,它们有自己的一份独立的构造函数和原型对象的副本,它会在所有窗口窗体内自动预定义;而自定义对象则不同,可以在能够相互通信的窗口、窗体之间共享这个对象的构造函数和它的原型;如窗口中定义了Set类,有子窗体A和B,则:
        在父窗口中 :
                var s = new Set(); String.toString = function(){return '内置对象';} (修改String的toString方法)
                s.a === 1; //true
        在A中 :
                var sa = new parent.Set(); parent.Set.prototype.a =1; (给自定义类Set的原型添加属性a,则所有能相互通信的窗口共享a)
                var str = '测试';  str.toString; //测试  (调用的是窗体A自身的String对象的toString方法)
        在B中 :
                var Set = top.Set(); var sb = new Set(); sb.a === 1;  //true
 
要引用窗口中的一个窗体,可以使用如下语法:
frames[i] //当前窗口的框架
self.frames[i] //当前窗口的框架
w.frames[i] //窗口 w 的框架
要引用一个框架的父窗口(或父框架),可以使用下面的语法:
parent //当前窗口的父窗口
self.parent //当前窗口的父窗口
w.parent //窗口 w 的父窗口
要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:
top //当前框架的顶层窗口
self.top //当前框架的顶层窗口
f.top //框架 f 的顶层窗口