Теги привязки HTML не работают только в дочернем окне FF / IE

#javascript #html #firefox

#javascript #HTML #firefox

Вопрос:

Если я открою окно (window.open()) и добавлю в него HTML, который включает привязку и тег, привязка не перейдет к тегу в FF. Это работает в Chrome. Обратите внимание на следующий HTML, который помещает один и тот же HTML как в родительский, так и в дочерний. Родительский элемент работает правильно (выполняет переход внутри документа), а дочерний — нет. Обратите внимание, что мы не переключаемся между родительским и дочерним, оба HTML функционируют на 100% независимо. Убедитесь, что родительское окно уменьшено, чтобы вы могли видеть, как работает привязка.

 <html>
<bead>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="application/javascript">
        function popBob() {
            newwin = window.open("", "_blank", "width=800,height=200,scrollbars=1");
            var myhtml= '<html><div><a href="#bob">click me!</a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><a id="bob"/>you made it!!</div></html>';

            $('html').html(myhtml);
            $(newwin.document.body).html(myhtml);

        }
    </script>

</bead>
<body onload="popBob()">
</body>
</html>