回答編集履歴
1
取り下げ
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
|
+
理解が浅かったようですので取り下げます。
|