サーチ…


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

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

  1. オンロードイベント
<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>

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

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

  1. DOMContentLoadedイベント

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

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

  1. 自己呼び出し無名関数

    (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