onload 属性は、オブジェクトがロードされたときに発火します。
onload は、web が全てのコンテンツ (画像、スクリプト・ファイル、CSS ファイルなどを含む) を完全にロードした後で、 スクリプトを実行するために <body> 要素内で最もよく使われます。 しかし、他の要素にも使用することができます(下の「HTML タグ」を参照)。
input 要素の場合、onload 属性は、<input type="image"> のときのみがサポートされます。
onload 属性は、訪問者のブラウザの種類とブラウザのバージョンを確認し、 その情報に基づき web ページの適切なバージョンをロードするのに使用することができます。
onload 属性は イベント属性 の一つで、次の要素で使用することができます:
要素 |
---|
<body> |
<iframe> |
<img> |
<input> |
<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
属性は、要素ごとに以下のブラウザがサポートしています。
要素 | |||||
---|---|---|---|---|---|
body | Yes | Yes | Yes | Yes | Yes |
iframe | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
script | Yes | Yes | Yes | Yes | Yes |
style | Yes | Yes | Yes | Yes | Yes |