window.opener

admin發表於2019-07-06

此屬性可以返回對建立該視窗的Window物件的引用。

使用該屬性可以在被建立視窗引用建立它的視窗中定義的屬性或者方法。

關於window物件更多內容參閱JavaScript window 物件一章節。

注：表示頂層視窗Window物件才可以使用opener屬性，例如<iframe>或者<frame>不可以使用。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
window.opener

瀏覽器支援：

（1）.IE瀏覽器支援此屬性。

（2）.edge瀏覽器支援此屬性。

（3）.谷歌瀏覽器支援此屬性。

（4）.opera瀏覽器支援此屬性。

（5）.火狐瀏覽器支援此屬性。

（6）.safria瀏覽器支援此屬性。

程式碼例項：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
newWindow=window.open('','新視窗','width=200,height=200') 
newWindow.document.write("建立的新視窗") 
oldWindow=newWindow.opener; 
oldWindow.document.write("我是舊視窗"); 
</script> 
</head> 
<body> 
</body> 
</html>

程式碼分析:建立一個新的視窗物件newWindow，並且使用document.write()方法在新視窗中寫入文字。使用新視窗物件newWindow的opener屬性返回對建立新視窗的物件的引用，並將此引用賦值給oldWindow，然後使用document.write()方法在原視窗中寫入文字。

相關文章