iframe的相关操作

1、更改iframe的src后怎么让iframe的相关内容刷新呢

  答: document.getElementById(iframe的id).contentWindow.location.reload(true);

2、iframe文件的内容怎么和其使用文件进行通信

  答:通过postMessage事件进行发送 然后addEventListener监听message进行获取  具体代码如下

  a: 使用项目发送

 oFrame.contentWindow.postMessage({
    phone,//参数
  }, '*');

  b: iframe接收

var OnMessage = function (event) {
            const {
                phone
            } = event.data;
        }

 function init() {
    if (window.addEventListener) { // all browsers except IE before version 9
          window.addEventListener("message", OnMessage, false);
     } else {
       if (window.attachEvent) { // IE before version 9
           window.attachEvent("onmessage", OnMessage);
            }
     }
};

   c: iframe发送

 window.parent.postMessage('closePhone', '*');

   d: 使用页面接收

window.addEventListener('message', function (event) {
      console.log(event.data, "父页面")
    })
}, [])

3、如何让iframe页面使用当前浏览器的音频、视频

  答: 给iframe添加 allow="geolocation; microphone; camera"

原文地址:https://www.cnblogs.com/cq1715584439/p/13892427.html