Зеркальная страница iframe с другим iframe (создание двойных iframe)

Question

Я работаю над каким-то проектом, там мне нужна веб-страница, на которой есть только такая возможность.Используя HTML, я знаю, что мы можем использовать несколько вкладок в одной вкладке с помощью iframe, но каждый iframe работает по-своему.Что мне нужно, так это предположить, что у меня есть два iframe в одной вкладке Chrome, поэтому, если я открываю сайт в первом iframe, он также должен открываться в другом фрейме i.Чтобы сделать это более понятным, приведу простой пример: предположим, у меня 5 фреймов с YouTube в этих фреймах, поэтому я нажимаю на комментарий в одном фрейме, но его нужно кликать в каждом фрейме.И когда я набираю «привет» в одном окне комментария YouTube в фреймах, он должен быть напечатан в каждом из 5 полей комментариев YouTube.И когда я нажимаю на сообщение, оно должно быть опубликовано одновременно в каждом из 5 фреймов.Поэтому я хочу сделать двойные страницы, используя iframes.Надеюсь, вы понимаете мой вопрос ..

Answer 1

Я могу дать вам некоторые общие рекомендации:

Вы не можете получить доступ к элементу из JS на вашем клиенте: вам нужно: использовать .contentWindow.document для Vanilla Js или Contents () для Jquery

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>

это просто иллюстрирует идею: теперь вы строите клиентскую сторону вокруг этой идеи