備忘録的プログラミングリファレンス

load(onload)イベント

 load(onload)イベントが設定されたタグエレメントでロードが起きたら、このイベントが発生します。

 多くの場合は<body>に設定します。ドキュメントの全てのコンテンツがロードし終わるとonloadイベントが発生します。

 onloadイベントを使用して訪問者のブラウザとそのバージョン情報を取得し適切なwebページをロードすることができます。

 onloadイベントは、Cookieの処理にも使用できます。

 似た機能にonpageshowイベントがあります。onloadイベントはキャッシュを使わないロードのみが実行されます。キャッシュからドキュメントをロードするとonloadイベントは発生しません。

Syntax

in HTML

<tagelement onload="oneFunction()">

in JavaScript

object.onload = function(){ }; object.addEventListener("load", script_);

備考(Remarks)

BubblesNo
CancelableNo
InterfaceUiEvent(ユーザーインターフェイスから生成された場合),Event
Supported HTML Elements<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。