DOM

Window:load イベント

 編集:2022.10.17 by T.A.

[Edge]。→

ページ全体が、スタイルシートや画像などのすべての依存するリソースを含めて読み込まれたときに発生します。

DOMContentLoaded の場合は、ページの DOM の読み込みが完了すれば、リソースの読み込みが完了するのを待たずに発生します。

バブリング なし
キャンセル可能 いいえ
インターフェイス Event
イベント ハンドラー プロパティ onload
load、DOMContentLoaded イベント

HTML:

<!DOCTYPE HTML>
<HTML lang="ja">
<HEAD>
<META charset="utf-8">
<META http-equiv="default-style" content="text/css">
<TITLE>テスト:Window:load イベント</TITLE>
<SCRIPT src="../../Kihonn.js"></SCRIPT>
<SCRIPT>
function JobDCLd(eve){  //DOMContentLoaded イベントの処理:
  D=eve;
}
function JobLd(eve){  //load イベントの処理:
  DA=eve;
  IdLog.innerHTML=IdLog.innerHTML+"D"+GetOL(D);  //内容表示。
  IdLog.innerHTML=IdLog.innerHTML+"<BR>";
  IdLog.innerHTML=IdLog.innerHTML+"DA"+GetOL(DA);  //内容表示。
  alert("DOMContentLoaded:"+D.timeStamp+"ミリ秒\r"+"load:"+DA.timeStamp+"ミリ秒");
}
window.addEventListener('DOMContentLoaded', JobDCLd);
window.addEventListener('load', JobLd);
</SCRIPT>
</HEAD>

<BODY>

てすと文書<BR>
<SPAN id=IdLog></SPAN>

</BODY>
</HTML>

テスト