成都网站建设设计

将想法与焦点和您一起共享

window.top、window.parent、window.open、window.opener

地址:http://blog.csdn.net/zdwzzu2006/article/details/6047632

成都创新互联公司服务项目包括当雄网站建设、当雄网站制作、当雄网页制作以及当雄网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,当雄网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到当雄省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!



在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

 

window.self

功能:是对当前窗口自身的引用。它和window属性是等价的。

语法:window.self

注:window、self、window.self是等价的。

 


window.top

功能:返回顶层窗口,即浏览器窗口。

语法:window.top

注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

 

window.parent

功能:返回父窗口。

语法:window.parent

注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

 

判断当前窗口是否在一个框架中:

你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。

window.open()

https://developer.mozilla.org/en-US/docs/Web/API/Window/open

Loads a resource into either a new browsing context (such as a window) or one that already exists, depending on the specified parameters.

window.top、window.parent、window.open、window.opener

示例




    
    window.open()和window.opener
    
        var winName = "MyWindow";
        var wor = null; // windowObjectReference
        function btnBaiDu(){
            wor = window.open("http://www.baidu.com",winName);
        }
        function btnSina(){
            wor = window.open("http://www.sina.com",winName);
        }
        function btnClose(){
            wor.close();
        }
    


    
    
         
    

演示图

window.top、window.parent、window.open、window.opener

Window.opener

https://developer.mozilla.org/en-US/docs/Web/API/Window/opener

Returns a reference to the window that opened this current window.

window.top、window.parent、window.open、window.opener

示例

window_opener.html




    
    window.opener
    
        alert("页面加载!");
        function btnNewWindow(){
            window.open("testWindow.html","test");
        }
    


    

testWindow.html




    
    测试窗口
    
        function btnClose(){
            window.opener.location.reload(true);
            window.close();
        }
    


    

演示效果图

window.top、window.parent、window.open、window.opener

地址:https://developer.mozilla.org/en-US/docs/Web/API/Location/reload

Location.reload()

The Location.reload() method reloads the resource from the current URL. Its optional unique parameter is a Boolean, which, when it is true, causes the page to always be reloaded from the server. If it is false or not specified, the browser may reload the page from its cache.


window.top、window.parent、window.open、window.opener


分享文章:window.top、window.parent、window.open、window.opener
本文网址:http://chengdu.cdxwcx.cn/article/peogep.html