JavaScript之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子页面之间通信