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

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