バニラ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で同サーバ内のCSVを読み込み、配列として取り扱う方法
サーバ内のCSVファイルを読み込み、そのデータをサイト上で取り扱いたい。通常だと ...
-
-
formでGET送信時に空のパラメータを送信しない方法(cleanQuery)
フォームでGET送信する際、通常だと空のパラメータも送信される。結果として「ドメ ...
-
-
JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法
大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...
-
-
JavaScriptでURLのクエリを取得する
やりたかった事はJavaScriptでGETのクエリを取得。 ■ソース var ...
-
-
バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法
あるサイトをブラウザの開発者ツールで見ていると「echo.js」と聞いたことの無 ...