修改后的脚本(异步加载,使用 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"}}
异步加载尝试使用 document.write() 修改文档时,脚本可能会导致问题。页面加载执行后,脚本会异步下载,但会失败并显示控制台消息“除非显式打开,否则无法从异步加载的外部脚本写入文档。”
异步加载的脚本在文档解析并关闭后执行。因此,诸如 document.write() 之类的操作在这些脚本中变得不可用。
要解决此问题,请使用显式 DOM 操作替换 document.write() 调用。这涉及创建 DOM 元素并使用appendChild()、insertBefore()或设置innerHTML将它们插入到父元素中。
原始脚本(内联,带有 document. write()):
修改后的脚本(异步加载,使用 DOM 操作):
var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3