JavaScript之iframe頁面間通信

[1] iframe父子頁面間通信

1.相互調用對方的方法

|> 子級頁面調用父級頁面

window.parent.父級頁面方法(args)
|> 父級頁面調用子級頁面
document.getElementById("iframeID").contentWindow.子級頁面方法(args)

2.相互傳遞/讀取數據

①localStorage / sessionStorage
②
|> 子級頁面調用父級頁面

window.parent.父級頁面方法(message)
window.parent.父級頁面變量
|> 父級頁面調用子級頁面
document.getElementById("iframeID").contentWindow.子級頁面方法(message)
document.getElementById("iframeID").contentWindow.子級頁面變量

3.相互執行對方發送的函數任務[隊列]

[2]iframe子頁面之間通信