溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
地址：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"> 你應當將框架視為窗口中的不同區域，框架是瀏覽器窗口中特定的部分。一個瀏覽器窗口可以根據你的需要分成任意多的框架，一個單個的框架也可以分成其它多個框架，即所謂的嵌套框架。 |
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.
示例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>window.open()和window.opener</title>
<script type="text/javascript">
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();
}
</script>
</head>
<body>
<input type="button" value="打開百度" onclick="btnBaiDu()"/>
<br/>
<input type="button" value="打開新浪" onclick="btnSina()"/>
<br/>
<input type="button" value="關閉窗口" onclick="btnClose()"/>
</body>
</html>演示圖
|
Window.openerhttps://developer.mozilla.org/en-US/docs/Web/API/Window/opener Returns a reference to the window that opened this current window.
示例 window_opener.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>window.opener</title>
<script type="text/javascript">
alert("頁面加載！");
function btnNewWindow(){
window.open("testWindow.html","test");
}
</script>
</head>
<body>
<input type="button" value="打開新窗口" onclick="btnNewWindow()"/>
</body>
</html>testWindow.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>測試窗口</title>
<script type="text/javascript">
function btnClose(){
window.opener.location.reload(true);
window.close();
}
</script>
</head>
<body>
<input type="button" value="關閉當前窗口，并刷新父窗口" onclick="btnClose()"/>
</body>
</html>演示效果圖
|
地址：https://developer.mozilla.org/en-US/docs/Web/API/Location/reload Location.reload()The
|
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
