最新のWeb開発のチュートリアル
 

HTML onload Attribute


定義と使用法

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

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

入力要素の場合は、 onload属性のみがサポートされている場合<input type="image">

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


に適用されます

onload属性は、の一部であるイベント属性 、および以下の要素で使用することができます。

要素
<body>
<iframe>
<img>
<input>
<link>
<script>
<style>

Body

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

<body onload="myFunction()">
»それを自分で試してみてください

Img

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

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

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
»それを自分で試してみてください

ブラウザのサポート

onload属性は、要素ごとに以下のブラウザのサポートを持っています。

素子
body はい はい はい はい はい
iframe はい はい はい はい はい
img はい はい はい はい はい
link はい はい はい はい はい
script はい はい はい はい はい
style はい はい はい はい はい