質問: いつもお世話になっております。 javascriptの`DOMContentLoaded`に関してお伺いしたいです。 よく、jqueryやjavascriptでDOMの構築が終了したイベントを取るために以下のようなコードを目にします。 ``` $(window).ready(() => { console.log('処理処理') }) document.addEventListener('DOMContentLoaded',() => { console.log('処理処理') }); ``` このイベントに関してなんですが、例えばhtml内のbodyの最後にjsを書いたとしたら上記コードと同じようなタイミングになるのでしょうか? ``` Document ... ``` bodyの一番下までhtmlを読み込んでいるのでDOMの解析自体も終わっている(= DOMContentloaded)のではないかと思っているのですが、流石にそれは違いますでしょうか? 感覚的にはhtmlドキュメントを下部まで読み込む + αでDOMContentloadedの感じもするのですがドキュメントを探してもいまいち見つからず。。。 ご存知の方がいらっしゃったら教えていただきたいです!
回答: ほぼ一緒です。 ただ、コードの位置によって実行できたり出来なかったりは問題なので、 どの位置にスクリプトがあった場合でも実行できるように書いた方がいいと思います。 下にscriptを置く利点は、画面描画の阻害を減らすことができる点ですね。