プレーンJavaScriptでDOMreadyイベントを待つ方法

できるだけ早くJavaScriptを実行する方法。

これを行うには、イベントリスナーをに追加しますdocumentのオブジェクトDOMContentLoadedイベント:

document.addEventListener('DOMContentLoaded', (event) => {
  //the event occurred
})

アクセスできないため、通常、イベントコールバックの内部で矢印関数を使用しませんthis

この場合、そうする必要はありません。this常にdocument。他のイベントリスナーでは、通常の関数を使用します。

document.addEventListener('DOMContentLoaded', function(event) {
  //the event occurred
})

たとえば、ループ内にイベントリスナーを追加していて、実際に何がわからない場合thisイベントがトリガーされたときになります。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のブラウザチュートリアル: