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

既定の動作

なし

プロパティ

仕様

関連するイベント

• DOMContentLoaded
• readystatechange
• beforeunload
• unload