父页面如何监听到iframe页面的操作

1、子页面发送 message 消息,并附带参数

  • iframe 子页面获取父页面的 window 对象: window.parent
  • 子页面发送消息:window.parent.postMessage("需要传递的参数", '*')。
    后面的 * 号就是处理跨域问题的,任何域名都不会出现跨域问题
  • 可以指定传送域名地址,这个域名不会出现跨域问题,写父页面(接收)域名地址
    window.parent.postMessage("需要传递的参数", 'http://0.0.0.0:8080')
  • 传递的参数可以是数组,对象,字符串等

2、父页面监听message,写法固定

  • 监听单个事件(监听多个事件,可以使用if来判断 msg里边的参数进行区分)
window.addEventListener('message', function (e) {
  console.log(e)
  if(e.data.msg==='xxx'){
  }else{
  }
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。