Script modificado (cargado de forma asincrónica, con manipulación DOM):

var container = document.getElementById(\\\"container\\\");var content = document.createElement(\\\"span\\\");content.style.color = \\\"red\\\";content.innerHTML = \\\"Hello\\\";container.appendChild(content);
","image":"http://www.luping.net/uploads/20241023/17296754466718c0b652a9a.jpg","datePublished":"2024-11-07T17:21:27+08:00","dateModified":"2024-11-07T17:21:27+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"

¿Cómo resolver el error \"No es posible escribir en un documento desde un script externo cargado de forma asincrónica\"?

Publicado el 2024-11-07
Navegar:234

How to Resolve \

Error: "No es posible escribir en un documento desde un script externo cargado de forma asincrónica"

Problema:

Carga asincrónica de Los scripts pueden provocar problemas al intentar modificar un documento utilizando document.write(). Después de la ejecución de la carga de la página, un script se descarga de forma asincrónica pero falla con el mensaje de la consola "No es posible escribir en un documento desde un script externo cargado de forma asincrónica a menos que se abra explícitamente".

Explicación:

Los scripts cargados de forma asincrónica se ejecutan después de que el documento se haya analizado y cerrado. En consecuencia, operaciones como document.write() dejan de estar disponibles desde estos scripts.

Solución:

Para resolver este problema, reemplace las llamadas a document.write() con manipulaciones DOM explícitas. Esto implica crear elementos DOM e insertarlos en el elemento principal usando appendChild(), insertBefore() o configurando internalHTML.

Ejemplo:

Script original (en línea, con documento. escribir()):

Script modificado (cargado de forma asincrónica, con manipulación DOM):

var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);
Declaración de liberación Este artículo se reimprime en: 1729404376 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3