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属性返回的是对自身的引用。
在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。
判断当前窗口是否在一个框架中:
<script type="text/JavaScript">
var b =window.top!=window.self;
document.write( "当前窗口是否在一个框架中:"+b );
</script>
你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。
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.
示例
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>window.open()和window.opener</title><scripttype="text/javascript">varwinName="MyWindow";varwor=null;//windowObjectReferencefunctionbtnBaiDu(){wor=window.open("http://www.baidu.com",winName);}functionbtnSina(){wor=window.open("http://www.sina.com",winName);}functionbtnClose(){wor.close();}</script></head><body><inputtype="button"value="打开百度"onclick="btnBaiDu()"/><br/><inputtype="button"value="打开新浪"onclick="btnSina()"/><br/><inputtype="button"value="关闭窗口"onclick="btnClose()"/></body></html>
演示图
https://developer.mozilla.org/en-US/docs/Web/API/Window/opener
Returns a reference to the window that opened this current window.
示例
window_opener.html
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>window.opener</title><scripttype="text/javascript">alert("页面加载!");functionbtnNewWindow(){window.open("testWindow.html","test");}</script></head><body><inputtype="button"value="打开新窗口"onclick="btnNewWindow()"/></body></html>
testWindow.html
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>测试窗口</title><scripttype="text/javascript">functionbtnClose(){window.opener.location.reload(true);window.close();}</script></head><body><inputtype="button"value="关闭当前窗口,并刷新父窗口"onclick="btnClose()"/></body></html>
演示效果图
地址:https://developer.mozilla.org/en-US/docs/Web/API/Location/reload
Location.reload()TheLocation.reload()
method reloads the resource from the current URL. Its optional unique parameter is aBoolean
, which, when it istrue
, causes the page to always be reloaded from the server. If it isfalse
or not specified, the browser may reload the page from its cache.
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。