Question

假设有一个页面A，该页面的iframe包含页面B，而页面B的另一个iframe包含页面C。

是否可以从事件C向上触发事件并使其同时被页面A和B接收？

基本上，除了逐个进入父窗口并在每个窗口上调用contentWindow.postMessage之外，还有其他解决方案吗？有没有更简洁的方法？

Answer 1

尝试类似的方法，使两个页面都成为单个DOM的一部分

  <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){

      $('#B').load("B.html");
      $('#C').load("C.html");

    });
    </script>
    </head>
    <body>
    <div class='parent'>
    <div id="A"></div>
    <div id="B"></div>
    </div>

    </body>
    </html>

将JS事件从深度嵌套iFrame分发到多个父Windows

1 个答案: