勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

バニラJavaScriptのDOMContentLoadedとは?

  JavaScript

jQuery等を用いない素のJSで書かれたプログラムを触る機会があり、そのソースコードの冒頭に以下記述があった。

window.addEventListener('DOMContentLoaded', () => {});

これ何? となったので調べた結果をメモ。

 

DOMContentLoadedイベント

HTMLページの読み込みが完了し、HTMLの解析及びDOMツリーの構築が完了した時点で発生するイベントらしい。詳細は以下の通り。

https://www.javadrive.jp/javascript/event/index15.html

 

jQueryでは

jQueryだと最初に以下のように記述し、「$()」の部分はHTMLが読み終わった後に発火させるみたいな意味と記憶していたが、これはそのまんまDOMContentLoadedと同じことらしい。

$(funciton(){
    //ここに色々記述
});

 

 - JavaScript

  関連記事

jQuery UIでカレンダーピッカー(Datepicker)の利用方法

フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...

JavaScriptにて電子書籍や漫画ビューア用のライブラリ「ToraViewer」の利用方法

電子書籍や漫画ビューア用を設置したい。条件としてはレスポンシブ対応していること。 ...

javascriptのtry文

javascriptとかjQueryを使ってて、Firefox,chromeはい ...

jquery.cookie.jsで保存期間を時間指定する方法

jquery.cookie.jsで保存期間を1時間等、時間指定したい。公式サイト ...

JavaScriptでリファラをチェックし、ホスト名と一致するかどうかで分岐処理する方法

ページアクセス時にリファラがホスト名と一致していれば何らかの処理を、一致しない場 ...