勉強したことのメモ

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

  関連記事

Leafletでマーカーをグループ化し、チェックボックスの状態により表示非表示を切り替える方法

LeafletとOpenStreetMapでマップ上にマーカーを複数設置した上で ...

バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法

チェックボックスの状態によってinputタグのtypeをtext⇔passwor ...

formでGET送信時に空のパラメータを送信しない方法(cleanQuery)

フォームでGET送信する際、通常だと空のパラメータも送信される。結果として「ドメ ...

バニラJavaScriptでdisplay:none/blockの切り替え方法

指定要素の表示非表示を切り替える場合jQueryだとhide/show使うか、t ...

Javascript / jQueryにて特定の要素内の文字数が〇文字以上の場合に丸める方法

サイトの特定の要素内の文字数が〇文字以上の場合に「コンテンツコンテ……」のように ...