1、獲取?子頁面 的 window 對象

在父頁面中，存在如下兩個對象

window.frames

document.iframeElement.contentWindow

可以獲取到 子頁面 window 對象

// iframe id

document.getElementById('menuIframe').contentWindow

// iframe name

window.frames['menuIframe'].window

// iframe index 當前窗體的第幾個 iframe

window.frames[1].window

既然拿到了 window 對象，那函數和DOM就到手了。

2、子 iframe 獲取?父頁面

window.parent 對象

window.top對象

// 判斷當前頁面是否是 iframe 或 頂級頁面

window.parent == window

window.top == window

window.parent 即為當前頁面的上一級頁面的 window 對象，如果當前頁面已是 頂層 頁面，則 window.parent 就是自己。

3、小實例

Document

function parentHello() {

alert("this is parent hello function!");

}

window.frames['iframeContainer'].subHello();

Document

function subHello() {

alert("this is sub hello function!");

}

window.parent.parentHello();

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html简单父子页面,js 的 iframe 父子页面通信的简单方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。