Q&A
「何をするときに問題になっているか」「どのような処理をしたいか」を明確にされたほうが、回答しやすいです。
DOMContentLoadedより先に、
HTMLの解析処理が終わる前にJavaScriptを実行させたい場合どうすればいいのでしょうか
DOMContentLoadedだと<title>まで解析が終わってから実行されます
HTMLの解析処理より先に実行するにはどうしたらいいでしょうか
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> window.addEventListener('DOMContentLoaded', function(){ alert("↑のHTML解析より先に実行したい"); }); </script>
回答2件
0
実行順はこんな感じです
javascript
1setTimeout(()=>console.log(8)); 2console.log(1); 3window.addEventListener('pageshow', e=>{ 4 console.log(7); 5}); 6window.addEventListener('load', e=>{ 7 console.log(6); 8}); 9document.addEventListener('readystatechange', e=>{ 10 if(e.target.readyState=="complete") console.log(5); 11}); 12window.addEventListener('DOMContentLoaded', e=>{ 13 console.log(4); 14}); 15document.addEventListener('DOMContentLoaded', e=>{ 16 console.log(3); 17}); 18console.log(2);
1→8の順番で実行されます
投稿2021/08/10 02:40
編集2021/08/10 02:44
総合スコア117763
0
外に書けば一応先には実行されますが、こういうことなんでしょうか
js
1<script> 2alert("↓より先に"); 3window.addEventListener('DOMContentLoaded', function(){ 4 alert("↑のHTML解析より先に実行したい"); 5}); 6</script>
あと、正確には「HTML解析」ではなくDOMContentLoadedというイベント名称が示す通り「コンテンツ読み込み後」です。
投稿2021/08/09 20:23
編集2021/08/12 21:28
総合スコア80888
あなたの回答
tips
プレビュー
