4

Всем доброго времени суток. На одном из сайтов заметил, что не прекращается загрузка страницы(индикатор в заголовке вкладки не перестает вращаться). Выяснил, что причина - записи в iframe через document.write(). Код(упрощенно) примерно такой(зависание можно проверить локально):

    <!doctype html>
    <html>
    <meta charset = 'UTF-8'>
    <body>

    <iframe id="k_c0"></iframe>

    <script language="JavaScript">
      var d;
      d=document.getElementById('k_c0').contentDocument;
      d.write('<div> 234</div>');
   </script>
   </body>
   </html>

Какие процессы вызывают крутящийся индикатор? И почему они возникают? Заранее спасибо.

1 ответ 1

1

Как сказано в learn.javascript.ru

Метод document.write(str) работает только пока HTML-страница находится в процессе загрузки. Он дописывает текст в текущее место HTML ещё до того, как браузер построит из него DOM.

document.getElementById('k_c0').contentDocument - возвращает document. d.write - записывает в document фрейма и не может записать. Соответственно не может загрузить страницу полностью. Вот она и крутится.

8
  • Однако на том же ресурсе сказано: Технически, вызвать document.write можно в любое время, однако, когда HTML загрузился, и браузер полностью построил DOM, документ становится «закрытым». Попытка дописать что-то в закрытый документ открывает его заново. При этом все текущее содержимое удаляется. Следовательно, почему тогда содержимое фрейма не перезаписывается? 24 мар 2017 в 13:28
  • потому что с точки зрения безопасности к фрейму нельзя обратится из другого url 24 мар 2017 в 13:33
  • 1
    Точне не так, в Вашем случае записывать можете, но остальную часть документа он обрабатывать не будет. Вы должны писать d.body.innerHTML ="<div>111</div>" 24 мар 2017 в 13:45
  • Если интересно, ссылка на сайт: ссылка 24 мар 2017 в 13:55
  • а у меня он загрузился нормально кстати 24 мар 2017 в 14:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.