load

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 読取専用 EventTarget イベントターゲット (DOMツリーの一番上のターゲット)。
type 読取専用 DOMString イベントの型。
bubbles 読取専用 Boolean イベントが通常のバブリングをするかどうか。
cancelable 読取専用 Boolean イベントがキャンセル可能かどうか。
view 読取専用 WindowProxy document.defaultView (window のドキュメント)
detail 読取専用 long (float) 0.

仕様

仕様書 策定状況 コメント
UI Events
load の定義		 草案  
HTML Living Standard
Load event の定義		 現行の標準 左は、document の読み込みの最後に実行されるステップの章へのリンクです。
load イベントは他の多くの要素でも発生します。
そして、load イベントを遅延させる ものに言及している箇所が
仕様の中に多く存在することに注意してください。