document.write无法重载多个defer脚本的原因
在浏览器呈现网页的过程，文档流会经历以下状态：
语法分析：解析HTML和CSS。创建DOM树：构建文档对象的树形结构。运行脚本：执行 зустрі到的 JavaScript 脚本。渲染：使用DOM树和CSS样式，绘制页面。
defer 属性的异步加载脚本，会在文档流进入 “interactive” 状态后再执行。而 document.write 会打开一个新的文档流，覆盖原来的页面。
本例中，第一次执行 document.write 后，页面被覆盖。后续的异步加载脚本，虽然会在 “interactive” 状态执行，但文档流已经关闭，导致无法写入页面。
appendChild可以重载defer脚本的原因
使用 appendChild 方法创建的脚本对象，会直接添加到 DOM 树中，不会打开新的文档流。因此，即使文档流已经关闭，也可以使用 appendChild 动态添加脚本。
DOMContentLoaded 与 document.write 的关系
DOMContentLoaded 事件会在 DOM 树解析完成，但样式表加载尚未完成时触发。而 document.write 会打开一个新的文档流，延迟页面的渲染，导致永远不会触发 DOMContentLoaded 事件。
以上就是为什么document.write无法重载多个defer脚本而appendChild可以？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1498586.html
微信扫一扫 
支付宝扫一扫 
