HTMLオンロード属性

定義と使用法

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

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

input要素の場合、onload属性は<input type = "image">の場合にのみサポートされます

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

onload属性はイベント属性の一部であり、次の要素で使用できます。

ページが読み込まれた直後にJavaScriptを実行します。

<img>要素でonloadを使用します。画像が読み込まれた直後に「画像が読み込まれました」というアラートが表示されます。

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

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

<input type = "image">要素でonloadを使用します。画像が読み込まれた直後に「画像が読み込まれました」というアラートが表示されます。

<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">

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

このonload属性では、要素ごとに次のブラウザがサポートされています。