JavaScript => イベント

ページ、DOM、ブラウザの読み込み

これは、負荷事象の変化を説明するための例です。

オンロードイベント

<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>

<script>
    function someFunction() {
    console.log("Hi! I am loaded");
}
</script>

この場合、 イメージとスタイルシート（もしあれば）を含むページのすべての内容が完全に読み込まれると、メッセージがログに記録されます。

DOMContentLoadedイベント

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("Hello! I am loaded");
});

上記のコードでは、メッセージはDOM /ドキュメントがロードされた後にのみログに記録されます（ DOMの構築後 ）。

自己呼び出し無名関数

(function(){
    console.log("Hi I am an anonymous function! I am loaded");
})();

ここでは、ブラウザが無名関数を解釈するとすぐにメッセージが記録されます。つまり、この関数はDOMがロードされる前に実行されることがあります。

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow

JavaScript
イベント

サーチ…

ページ、DOM、ブラウザの読み込み