带有另一个iframe的镜像iframe页面(制作双iframe)

Question

我正在从事某个项目，在那里我需要一个网页，只有这种设施。通过使用HTML，我知道我们可以使用iFrame在单个选项卡中使用多个选项卡，但是每个iframe的工作方式都不同。我需要的是，假设我在Chrome的一个选项卡中有两个IFRAME，因此，如果我在第一iframe中打开网站，它也应该在另一个i框架中打开。因此，在这里更清楚地说明了一个简单的示例：假设我在这些帧中使用YouTube有5个IFRAME，因此我单击一帧注释，但应在每个IFRAME中单击。当我在一个IFRAMES YouTube评论框中键入" HI"时，应该在5个IFRAMES YouTube评论框中键入。当我单击帖子时，应同时在5个IFRAME中同时发布它。因此，我想使用iframe制作双页。希望你们了解我的问题..

Answer 1

我可以为您提供一些一般指导：

您无法直接从客户端上的JS访问元素：使用.contentwindow.document用于jQuery

的香草JS或contents((

jQuery W3School，例如https://www.w3schools.com/jquery/traversing_contents.asp

在这里，我有2个iFrames：重复代码，但已切断显示示例

您需要做的就是清洁它，以免重复重复，然后转移值或进行更强大的传输 - 例如循环虽然元素，请传递参数

 <iframe id="myFrame" src="/your-iframe" style="your style"></iframe>

    <iframe id="myFrame2" src="/your-iframe" style="your style"></iframe>
    <button onclick="myFunction()">Try it</button>
    <script>
    function myFunction() {
/iframe 1
      var iframe = document.getElementById("myFrame");
           var elmnt1 = iframe.contentWindow.document.getElementsById("yourelement");
      elmnt1.style.display = "none";
/iframe 2
        var iframe = document.getElementById("myFrame2");
      var elmnt1 = iframe.contentWindow.document.getElementsById("yourelement");
      elmnt1.style.display = "none";
    }
    </script>

这只是说明以下想法：现在，您围绕此想法建立客户端