0

clipboard.png
如图所示
三个查看监控的标签 有一个点击事件 点击事件弹出遮罩层 同时内嵌一个iframe

标签绑定的事件

 for (var i = 0; i < keys.length; i++) {
        if (keys[i] == '皮带定点监控' || keys[i] == '皮带周边监控' || keys[i] == '泊位周边监控') {
          html += '<tr><td>' + keys[i] + ':</td><td><a  style="border-bottom: 1px solid rgb(76,181,192);color:rgb(76,181,192);" href="javascript:void(0);" onclick="showBg()">' + feature.get(keys[i])
              + '<a></td>'
        }

showBg方法

//显示灰色 jQuery 遮罩层
  function showBg() {

    $("#overlay").height(document.body.scrollHeight);
    $("#overlay").width(document.body.scrollWidth);
    // fadeTo第一个参数为速度,第二个为透明度
    // 多重方式控制透明度,保证兼容性,但也带来修改麻烦的问题
    $("#overlay").fadeTo(200, 0.5);
    // 解决窗口缩小时放大后不全屏遮罩的问题
    // 简单来说,就是窗口重置的问题
    $(window).resize(function(){
      $("#overlay").height(document.body.scrollHeight);
      $("#overlay").width(document.body.scrollWidth);
    });
    $("#dialog").show();
  }

遮罩层 以及iframe

<div id="overlay"></div>
<div id="dialog">
  <p class="close"><a href="javascript:void(0);" onclick="closeBg();">X</a></p>
  <iframe class="J_iframe" name="iframe-1" width="100%" height="100%"  data-id="video4.html"
          src="/screen/video4.html"  frameborder="no" border="0"  seamless id="iframe" scrolling="no"></iframe>
</div>

请问 参数如何从a 标签传递到 iframe里面 并且iframe接受到参数 可以根据参数进行改变某些数据

求拉倒详细解答

KenOscar 614
2019-06-14 提问
2 个回答
0

window.postMessage了解一下
链接描述

0

1 document.getElementById('xxx').contentWindow 捕获iframe;
2 iframe.postMessage('你的参数');
3 接收数据页通过window.addEventListener('message',function(event){})监听消息反馈,event.data是你传的参数。

撰写答案

推广链接