いつもお世話になっております。
javascriptのDOMContentLoaded
に関してお伺いしたいです。
よく、jqueryやjavascriptでDOMの構築が終了したイベントを取るために以下のようなコードを目にします。
js
1$(window).ready(() => { 2 console.log('処理処理') 3}) 4 5document.addEventListener('DOMContentLoaded',() => { 6 console.log('処理処理') 7});
このイベントに関してなんですが、例えばhtml内のbodyの最後にjsを書いたとしたら上記コードと同じようなタイミングになるのでしょうか?
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6</head> 7<body> 8 <!-- いろんなDOM --> 9 ... 10 <!-- いろんなDOM --> 11 <script> 12 console.log('処理処理') //これはDOMContentloadedのタイミングと同じ? 13 </script> 14</body> 15</html>
bodyの一番下までhtmlを読み込んでいるのでDOMの解析自体も終わっている(= DOMContentloaded)のではないかと思っているのですが、流石にそれは違いますでしょうか?
感覚的にはhtmlドキュメントを下部まで読み込む + αでDOMContentloadedの感じもするのですがドキュメントを探してもいまいち見つからず。。。
ご存知の方がいらっしゃったら教えていただきたいです!
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。