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

Question

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

我制作了此时间线图以显示何时应该发生事件。

  +--------------------------------+
  | |                              |
E |=• Page begins loading          |
v | |                              |
e |=====• Script runs and          |
n | |     website content changes  |
t | |                              |
  |=========• Page is loaded       |
  | |                              |
  +--------------------------------+
    ^   ^   ^      Time
    1   2   3

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