もっと"Try it Yourself"以下の例。
定義と使用法
オブジェクトがロードされたときonloadイベントが発生します。
onloadイベントは、ほとんどの場合内で使用される<body>ウェブページが完全に（画像、スクリプト・ファイル、CSSファイルなどを含む）すべてのコンテンツをロードした後にスクリプトを実行するための要素。
onloadイベントは、訪問者のブラウザの種類やブラウザのバージョンを確認し、情報に基づいたWebページの適切なバージョンをロードするために使用することができます。
onloadイベントにも対処するために使用することができますcookies （参照"More Examples"以下を）。
ブラウザのサポート
| イベント | |||||
|---|---|---|---|---|---|
| onload | はい | はい | はい | はい | はい |
構文
HTMLには：
JavaScriptで：
object .onload=function(){ »それを自分で試してみてください JavaScriptでは、使用してaddEventListener()メソッドを：
object .addEventListener("load", myScript );
»それを自分で試してみてください 注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。
技術的な詳細
| バブル： | ノー |
|---|---|
| 取消し可能： | ノー |
| イベントの種類： | たUIEventユーザーインターフェースから生成した場合、イベントそう。 |
| サポートされているHTMLタグ： | <BODY>、<フレーム>、<IFRAME>、<IMG>、<入力タイプ= "画像">、<リンク>、<SCRIPT>、 <style> |
| DOMバージョン： | レベル2のイベント |
その他の例
例
上のonloadを使用して<img>要素。 アラート"Image is loaded"画像がロードされた直後に：
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
»それを自分で試してみてください 例
クッキーに対処するためにonloadイベントを使用します：
<body onload="checkCookies()">
<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>
»それを自分で試してみてください <イベントオブジェクト