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