HTMLのonloadイベント属性

例

ページがロードされた直後にJavaScriptを実行します。

詳細以下の例「自分にそれを試してみてください」。

定義と使用法

onloadオブジェクトがロードされたときに火災を属性。

onloadイベントは、ほとんどの場合内で使用される<body>ウェブページが完全に（画像、スクリプト・ファイル、CSSファイルなどを含む）すべてのコンテンツをロードした後にスクリプトを実行するための要素。しかし、それは（以下、「サポートされているHTMLタグ」を参照）、ならびに他の要素に使用することができます。

onload属性は、訪問者のブラウザの種類とブラウザのバージョンを確認し、その情報に基づいてウェブページの適切なバージョンをロードするために使用することができます。

onload属性も（以下「その他の例」を参照してください）クッキーに対処するために使用することができます。

ブラウザのサポート

イベント属性
onload	はい	はい	はい	はい	はい

HTML 4.01とHTML5の違い

なし。

構文

<elementonload=" script ">

属性値

値	説明
script	onloadイベントで実行するスクリプト

技術的詳細

サポートされているHTMLタグ：	<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>と<style>

その他の例

例

上のonloadを使用した<img>要素。アラート画像がロードされた直後に「イメージがロードされています」：

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
alert("Image is loaded");
}
</script>

»それを自分で試してみてください

例

対処するためのonloadイベントを使用したcookies （使用して"advanced" JavaScriptを）：

<body onload="checkCookies()">

<p id="demo"></p>

<script>
function checkCookies() {
    var text = "";
    if (navigator.cookieEnabled == true) {
        text = "Cookies are enabled.";
    } else {
        text = "Cookies are not enabled.";
    }
    document.getElementById("demo").innerHTML = text;
}
</script>