回答編集履歴
1
指摘の入った箇所を修正
test
CHANGED
|
@@ -62,12 +62,22 @@
|
|
|
62
62
|
|
|
63
63
|
|
|
64
64
|
|
|
65
|
-
HTML5でこのルールに従わない挙動が可能ですが、
|
|
65
|
+
HTML5ではこのルールに従わない挙動が可能ですが、
|
|
66
66
|
|
|
67
67
|
[例外に関してはこの辺の記事](https://qiita.com/phanect/items/82c85ea4b8f9c373d684)を読んでみてください。
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
|
+
※ES2015という新しい仕様でimport構文が追加されましたが、
|
|
72
|
+
|
|
73
|
+
JSコード単体が勝手に外部のJSを読み込んでロードするほどの機能はありません。
|
|
74
|
+
|
|
75
|
+
使い方はこの質問のマイスマ君さんの回答を参考にしてみてください。
|
|
76
|
+
|
|
77
|
+
[https://teratail.com/questions/124725](https://teratail.com/questions/124725)
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
71
81
|
### 外部ライブラリの実装
|
|
72
82
|
|
|
73
83
|
|
|
@@ -90,7 +100,9 @@
|
|
|
90
100
|
|
|
91
101
|
|
|
92
102
|
|
|
103
|
+
※IE11がimport/exportに対応していない為、
|
|
104
|
+
|
|
93
|
-
|
|
105
|
+
後5年程度はimport構文を使って読み込むライブラリは出ないでしょう。
|
|
94
106
|
|
|
95
107
|
|
|
96
108
|
|
|
@@ -136,9 +148,11 @@
|
|
|
136
148
|
|
|
137
149
|
- `body.onload = fn`: バッドプラクティス
|
|
138
150
|
|
|
139
|
-
- `window.addEventListener('
|
|
151
|
+
- `window.addEventListener('DOMContentLoaded', fn)`: 基本はこれ
|
|
152
|
+
|
|
140
|
-
|
|
153
|
+
- `window.addEventListener('load', fn)`: 画像ファイル・CSSファイルの読み込みも待ってから発火したい場合はこちら
|
|
154
|
+
|
|
141
|
-
- `$(fn)`: jQueryのライブラリで用意されているエイリアス
|
|
155
|
+
- `$(fn)`: jQueryのライブラリで用意されているDOMContentLoaded相当のエイリアス
|
|
142
156
|
|
|
143
157
|
|
|
144
158
|
|