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"

  • 相关阅读:
    [Unity3D]计时器/Timer
    unity缓存和浏览器缓存
    unity3d进行脚本资源打包加载
    Unity3d删除无用的美术资源
    项目经理的职责(转载)
    LINQ
    生意经
    Android ListView标题置顶效果实现
    ListView的自动循环滚动显示
    郭霖的专栏
  • 原文地址:https://www.cnblogs.com/cq1715584439/p/13892427.html
Copyright © 2011-2022 走看看