Ошибка: «Невозможно выполнить запись в документ из асинхронно загруженного внешнего скрипта»

Проблема:

Асинхронная загрузка сценарии могут привести к проблемам при попытке изменить документ с помощью document.write(). После выполнения загрузки страницы скрипт загружается асинхронно, но завершается с ошибкой с сообщением консоли: «Невозможно выполнить запись в документ из асинхронно загруженного внешнего скрипта, если он не открыт явно».

Объяснение:

Асинхронно загруженные сценарии выполняются после анализа и закрытия документа. Следовательно, такие операции, как document.write(), становятся недоступными из этих скриптов.

Решение:

Чтобы решить эту проблему, замените вызовы document.write() явными манипуляциями с DOM. Это включает в себя создание элементов DOM и вставку их в родительский элемент с помощью AppendChild(), InsertBefore() или установки InternalHTML.

Пример:

Исходный скрипт (встроенный, с document. write()):

Модифицированный скрипт (загружается асинхронно, с манипуляциями с DOM):

var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);