load
イベントは、リソースおよびその依存リソースの読み込みが終わると発生します。
例
Window
<script> window.addEventListener("load", function(event) { console.log("All resources finished loading!"); }); </script>
script
要素
<script> var script = document.createElement("script"); script.addEventListener("load", function(event) { console.log("Script finished loading and executing"); }); script.src = "http://example.com/example.js"; script.async = true; document.getElementsByTagName("script")[0].parentNode.appendChild(script); </script>
基本情報
- 仕様
- DOM L3
- インターフェイス
- UIEvent
- バブリング
- しない
- キャンセル可能か
- 不可
- ターゲット
- Window,Document,Element
- 既定の動作
- なし
プロパティ
Property | 型 | 説明 |
---|---|---|
target 読取専用 |
|
イベントターゲット (DOMツリーの一番上のターゲット)。 |
type 読取専用 |
|
イベントの型。 |
bubbles 読取専用 |
|
イベントが通常のバブリングをするかどうか。 |
cancelable 読取専用 |
|
イベントがキャンセル可能かどうか。 |
view 読取専用 |
|
(window のドキュメント) |
detail 読取専用 |
long (float ) |
0. |
仕様
仕様書 | 策定状況 | コメント |
---|---|---|
UI Events load の定義 |
草案 | |
HTML Living Standard Load event の定義 |
現行の標準 | 左は、document の読み込みの最後に実行されるステップの章へのリンクです。 load イベントは他の多くの要素でも発生します。 そして、load イベントを遅延させる ものに言及している箇所が 仕様の中に多く存在することに注意してください。 |