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

load(onload)イベント

　load(onload)イベントは、設定されたタグエレメントのロードが始まったら発生するイベントです。

　<body>や<window>に設定される例を多くみかけます。<body>ではドキュメントの全てのコンテンツがロードし終わるとonloadイベントが発生します。

body.onload = function(){};

　<window>では、windowオブジェクトがロードされるときにonloadイベントが発生しコードが実行されます。webページが読み込まれる前に実行されるので、初期設定に利用することができます。

window.onload = function(){};

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

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

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

構文（Syntax）

in HTML

<tagelement onload="function()">

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コード例が実行されます。