Javascript：在脚本运行之前不要完成页面加载

Question

我有一个脚本，如果存在某个查询字符串，它会替换网页的 HTML。该脚本需要在 HTML 之后加载，但必须在页面加载完成之前运行并更新 HTML，以便我的外部脚本检测页面的内容。有办法实现这一点吗？

\n\n

我制作了这个时间线图来显示事件应该何时发生。

\n\n

\n\n +--------------------------------+\n | | |\nE |=\xe2\x80\xa2 页面开始加载 |\nv | | |\ne |=====\xe2\x80\xa2 脚本运行并 |\nn | | 网站内容变更 |\nt | | |\n |=========\xe2\x80\xa2 页面已加载 |\n | | |\n +--------------------------------+\n ^ ^ ^ 时间\n 1 2 3\n \n

\n

Answer 1

使用 属性 包含您的脚本defer。

<script src="./path/to/my/script.js" defer></script>

具有 defer 属性的脚本将阻止 DOMContentLoaded 事件触发，直到脚本加载并完成评估

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script