バニラJavaScriptのDOMContentLoadedとは？
jQuery等を用いない素のJSで書かれたプログラムを触る機会があり、そのソースコードの冒頭に以下記述があった。
window.addEventListener('DOMContentLoaded', () => {});
これ何？ となったので調べた結果をメモ。
DOMContentLoadedイベント
HTMLページの読み込みが完了し、HTMLの解析及びDOMツリーの構築が完了した時点で発生するイベントらしい。詳細は以下の通り。
https://www.javadrive.jp/javascript/event/index15.html
jQueryでは
jQueryだと最初に以下のように記述し、「$()」の部分はHTMLが読み終わった後に発火させるみたいな意味と記憶していたが、これはそのまんまDOMContentLoadedと同じことらしい。
$(funciton(){
//ここに色々記述
});
関連記事
-
-
JavaScriptでテンプレート文字列(テンプレートリテラル)の利用方法
あるJavaScriptのソースコードを拝見した際に変数っぽいのにバッククォート ...
-
-
jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法
jQuery UIのDatepickerでキーボード入力を防ぎたいためreado ...
-
-
JavaScriptでオブジェクトのキーに変数を指定する方法
JavaScriptでオブジェクトのkey及びvalueに変数を指定したかった。 ...
-
-
Video.jsで表示させた動画プレイヤーに指定したテキスト表示し、位置をランダムに変更する方法
Video.jsで表示させた動画プレイヤーに指定したテキスト表示し、さらにそのテ ...
-
-
Leafletにて地図を全画面(フルスクリーン)表示機能を追加する方法
Leafletにて表示されている地図に全画面表示ボタンが設置されているサイトがあ ...