回答編集履歴

1

取り下げ

2021/01/16 01:12

投稿

A_kirisaki
A_kirisaki

スコア2853

test CHANGED
@@ -1,9 +1,11 @@
1
- HTML の描画は Loading -> Scripting -> Rendering -> Painting の順で実行されます。
1
+ ~~HTML の描画は Loading -> Scripting -> Rendering -> Painting の順で実行されます。
2
2
 
3
3
  [ブラウザレンダリングを理解するため簡単にまとめてみた - Qiita](https://qiita.com/mikimhk/items/7cfbd6c94d0f3d7aa51f)
4
4
 
5
- 一番目のスクリプトも二番目のスクリプトも Scripting の段階で実行されます。対して `DOMContentLoaded` というイベントは Loading の中にある「構文木の構築」が終了した段階で発火します。つまり普通に実行していたらイベントは受け取れないのです。おそらく意図している動作としては `load` (ページ全体の読み込みが終わったら発火)と書き換えるのがよいのではないのでしょうか。
5
+ 一番目のスクリプトも二番目のスクリプトも Scripting の段階で実行されます。対して `DOMContentLoaded` というイベントは Loading の中にある「構文木の構築」が終了した段階で発火します。つまり普通に実行していたらイベントは受け取れないのです。おそらく意図している動作としては `load` (ページ全体の読み込みが終わったら発火)と書き換えるのがよいのではないのでしょうか。~~
6
6
 
7
7
 
8
8
 
9
- 余談。じゃあなんで `DOMContentLoaded` なんてイベント用意されてんじゃいって話なんですが、動的に DOM ツリーを構築する場合に発火されます。それはスクリプトによる構築だったり、外部ページの読み込みだったりです。なので使用用途としては結構特殊な部類に入るかもしれません。
9
+ ~~余談。じゃあなんで `DOMContentLoaded` なんてイベント用意されてんじゃいって話なんですが、動的に DOM ツリーを構築する場合に発火されます。それはスクリプトによる構築だったり、外部ページの読み込みだったりです。なので使用用途としては結構特殊な部類に入るかもしれません。~~
10
+
11
+ 理解が浅かったようですので取り下げます。