iframe之间的交互

2023-08-03 37 次阅读
JavaScriptiframe

现在有 页面a 使用 iframe 嵌套了 页面b

  1. 页面a 调用 页面b 的方法
javascript 复制代码
// 页面a
document.getElementById('iframe').contentWindow.fn();

// 页面b
window.fn = () => {
  console.log("fn")
}
  1. 页面b 传数据给 页面a
javascript 复制代码
// 页面b
parent.postMessage({
  key:"value"
},"*")

// 页面a
window.addEventListener("message",event => {
  console.log(event.data)
})