iframe页面中获取window对象及上一级window对象

  1. 获取window对象和document对象

iframe.contentWindow, 获取iframe的window对象
iframe.contentDocument, 获取iframe的document对象

2. 在iframe中获取父级内容

window.parent 获取上一级的window对象。

window.parent 获取上一级的window对象。
window.top 获取最顶级容器的window对象,即,就是你打开页面的文档。

3.通信

iframe給主页面发消息

iframe

   let iframe = this.$refs[iframeName];
   iframe.contentWindow.postMessage(data, origin);

主页面接受:

//主页面
window.addEventListener('message',function(event){
    
    
         //此处执行事件
})

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/128230137
今日推荐