zoukankan      html  css  js  c++  java
  • 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"

  • 相关阅读:
    [hdu6271]Master of Connected Component
    [hdu5468]Puzzled Elena
    [hdu4582]DFS spanning tree
    [poj2054]Color a Tree
    [luogu4107]兔子和樱花
    整除的尾数[HDU2099]
    胜利大逃亡[HDU1253]
    Bitset[HDU2051]
    折线分割平面[HDU2050]
    不容易系列之(4)——考新郎[HDU2049]
  • 原文地址:https://www.cnblogs.com/cq1715584439/p/13892427.html
Copyright © 2011-2022 走看看