HTMLリファレンスマニュアル

HTMLタグ全書

HTML onloadイベント属性

リソースおよびその依存リソースが読み込まれたときにloadイベントがトリガーされます。

オンラインサンプル

ページが読み込まれた後に即座にJavaScriptを実行します:

例

<!DOCTYPE html>
<html>
<head>
<title>HTML.onloadイベント属性の使用(基礎教程網　oldtoolbag.com)</title>
<script>
function myFunction() {
　　alert("ページが読み込まれました");
}
</script>
</head>
<body　onload="myFunction()">
<h1>Hello　World!</h1>
</body>
</html>

テストを見てみる ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがonloadイベント属性をサポートしています。

定義と使用法

オブジェクトが読み込まれた後に、onload属性がトリガーされます。
ウェブページがすべてのコンテンツ（画像、スクリプトファイル、CSSファイルなど）を完全に読み込んだ後、onloadは通常<body>要素内でスクリプトを実行するために使用されます。ただし、他の要素でも使用できます（以下の「サポートしているHTMLタグ」を参照してください）。
onload属性は、訪問者のブラウザの種類とバージョンをチェックし、その情報に基づいて正しいバージョンのウェブページをロードするために使用できます。
onload属性はcookieの処理にも使用できます。

HTML 4.01 HTML5の間の差異

差異はありません。

文法

<element onload="script">

属性値

値	説明
script	onload イベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性

HTML: <template> タグ