DOMContentLoaded イベント [JavaScript]

DOMContentLoaded

参考：

DOMContentLoaded | MDN

イベントが発生済みのケースでもハンドラを確実に実行する

readyState が loading の場合はハンドラを登録し、既にロード済みの場合は即座に実行する。

if (document.readyState == 'loading') {
  document.addEventListener('DOMContentLoaded', handler)
} else {
  handler()
}

参考：

async 属性で読むと「DOMContentLoaded」イベントが発生しない | まっしろブログ

Google ChromeでDOMContentLoadedが発生しないケースがある | Loox Uと初音ミクで行こう！

onload と DOMContentLoaded の違い

参考：

onLoad と DOMContentLoaded の違いと実行順序 | Black Everyday Company

ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ | JavaScript TIPS ふぁくとりー

仕組み

参考：

DOMContentLoaded 周りの処理を詳しく調べてみました – Qiita

読み込みのブロック

参考：

DOMContentLoaded とスタイルシートの読込み| ぶれすとつーる