• 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"

  • 相关阅读:
    产品方法论
    elastic search语句
    计算机科学发展的动力
    理论计算机科学学习网站
    算法学习 howto
    人工智能和机器学习 AI&ML howto
    Deep Learning 和 Knowledge Graph howto
    LISP语言学习资源
    Turing Year 2012
    如何做好计算机科学研究
  • 原文地址:https://www.cnblogs.com/cq1715584439/p/13892427.html
Copyright © 2020-2023  润新知