回答編集履歴

7

a

2018/04/27 03:29

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -64,7 +64,13 @@
64
64
 
65
65
  ```
66
66
 
67
+
68
+
69
+ **今回のように特に画像やスタイルシートの読み込みを待つ必要もないケースでは、`onload`イベントではなく`DOMContentLoaded`イベントを使うのが適切だと思います。**
70
+
71
+
72
+
67
- ※ DOMエレメントを代入する変数に`$`を付けているのは、jQueryコミュニティーで`jQuery`オブジェクトを入れる変数には`$`をつけるといった命名ルールを採用している人たちがいるので、それに習っているかたちです。`$`自体に意味はありません。jQuery使っている時の癖なので気にしないでください。
73
+ 尚、DOMエレメントを代入する変数に`$`を付けているのは、jQueryコミュニティーで`jQuery`オブジェクトを入れる変数には`$`をつけるといった命名ルールを採用している人たちがいるので、それに習っているかたちです。`$`自体に意味はありません。jQuery使っている時の癖なので気にしないでください。
68
74
 
69
75
 
70
76
 

6

a

2018/04/27 03:29

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -79,3 +79,23 @@
79
79
 
80
80
 
81
81
  [DOMContentLoadedイベントとloadイベントの違い[タイミング]](https://noumenon-th.net/programming/2017/06/11/domcontentloaded/)
82
+
83
+
84
+
85
+ # 補足
86
+
87
+ ```
88
+
89
+ <select id="edit" name="a" onload="select_checked()">
90
+
91
+ <option value="High">High</option>
92
+
93
+ <option value="Normal" selected>Normal</option>
94
+
95
+ <option value="Low">Low</option>
96
+
97
+ </select>
98
+
99
+ ```
100
+
101
+ 初期表示時にデフォルトの選択項目を指定したいのであれば、HTML側でやれば良いだけの話で動的に変える必要はないと思います。

5

a

2018/04/27 03:25

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -64,6 +64,8 @@
64
64
 
65
65
  ```
66
66
 
67
+ ※ DOMエレメントを代入する変数に`$`を付けているのは、jQueryコミュニティーで`jQuery`オブジェクトを入れる変数には`$`をつけるといった命名ルールを採用している人たちがいるので、それに習っているかたちです。`$`自体に意味はありません。jQuery使っている時の癖なので気にしないでください。
68
+
67
69
 
68
70
 
69
71
  # 参考

4

a

2018/04/27 03:17

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -73,3 +73,7 @@
73
73
 
74
74
 
75
75
  > DOMContentLoaded イベントは、最初のHTMLドキュメントの読み込みと解析が完了した時に発火し、 スタイルシートや画像、サブフレームの読み込みが終わるのを待ちません。
76
+
77
+
78
+
79
+ [DOMContentLoadedイベントとloadイベントの違い[タイミング]](https://noumenon-th.net/programming/2017/06/11/domcontentloaded/)

3

a

2018/04/27 03:14

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -72,4 +72,4 @@
72
72
 
73
73
 
74
74
 
75
- > DOMContentLoaded イベントは、最初のHTMLドキュメントの読み込みと解析が完了した時に発火し、 スタイルシートや画像、サブフレームの読み込みが終わるのを待ちません。 ページが完全に読み込み終わったことを検知するためにのみ、全く異なるイベント ─ load ─ を使用するべきです。 DOMContentLoaded がより適切である場合に load を誤って使用することが、 信じられないほど頻繁に行われています。
75
+ > DOMContentLoaded イベントは、最初のHTMLドキュメントの読み込みと解析が完了した時に発火し、 スタイルシートや画像、サブフレームの読み込みが終わるのを待ちません。

2

a

2018/04/27 03:12

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -69,3 +69,7 @@
69
69
  # 参考
70
70
 
71
71
  [DOMContentLoaded](https://developer.mozilla.org/ja/docs/Web/Reference/Events/DOMContentLoaded)
72
+
73
+
74
+
75
+ > DOMContentLoaded イベントは、最初のHTMLドキュメントの読み込みと解析が完了した時に発火し、 スタイルシートや画像、サブフレームの読み込みが終わるのを待ちません。 ページが完全に読み込み終わったことを検知するためにのみ、全く異なるイベント ─ load ─ を使用するべきです。 DOMContentLoaded がより適切である場合に load を誤って使用することが、 信じられないほど頻繁に行われています。

1

https://developer.mozilla.org/ja/docs/Web/Reference/Events/DOMContentLoaded

2018/04/27 03:12

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -63,3 +63,9 @@
63
63
  })(window);
64
64
 
65
65
  ```
66
+
67
+
68
+
69
+ # 参考
70
+
71
+ [DOMContentLoaded](https://developer.mozilla.org/ja/docs/Web/Reference/Events/DOMContentLoaded)