首页 > 技术文章 > JavaScript之iframe页面间通信

johnnyzen 原文

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

推荐阅读