HTML onload イベント属性

例

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

他の "Try it Yourself" の例が下にあります。

定義と用法

onload 属性は、オブジェクトがロードされたときに発火します。

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

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

onload 属性は、クッキーを取扱う場合にも使用することができます（下の「その他の例」を参照してください）。

ブラウザ・サポート

イベント属性
onload	Yes	Yes	Yes	Yes	Yes

HTML 4.01 と HTML5 の相違点

なし。

構文

<element onload="script">

属性値

値	説明
script	script は onload で実行される

技術的詳細

サポートする HTML タグ：	<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> および <style>

その他の例

例

<img> 要素に onloadイベントを使用します。画像がロードされた直後に "Image is loaded" を警告します：

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

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

Try it Yourself ❯

例

クッキーの取扱に onload イベントを使用します（"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>