webpage - javascriptを使用して特定のWebページが完全にロードされているかどうかを知る方法が欲しい

Question

javascriptを使用して特定のWebページが完全にロードされているかどうかを知る方法が欲しい

例）Webページでは、動的コンテンツをAjaxで表示したり、コンテンツをjavascriptで表示したり、すべての画像とcssを使用したりできます。これらすべてのコンテンツが正しく読み込まれ、Webページが安定するタイミングを確認する必要があります。

ondocumentreadyのようないくつかのポインタを取得しました。window.onload、onreadystatechangeの代替の魂ですが、これらのソリューションは信頼できない場合もありますが、機能しない場合もあります。

また、ソリューションはブラウザに依存しない必要があります。つまり、すべてのブラウザで機能する必要があります。

これに関するポインタは高く評価されます

前もって感謝します

score 4 · Accepted Answer

jQueryとその簡単な使用：

<script type="text/javascript">
    $(document).ready(function() {
        alert('doc is ready');
        });
    });
</script>

score 1 · Accepted Answer

以下も使用できます。これは、@cottsakによって投稿されたコードの短縮版です。

$(function() 
{ 
     // your code 
});

jQuery.noConflict（） （$変数の制御を最初に実装したライブラリに戻すために使用されます）を使用している場合は、次のように実行できます。

jQuery.noConflict（）を追加することにより、jqueryは他のライブラリの$変数と競合しなくなります

jQuery(function($) 
{ 
       // your code
});

score 1 · Accepted Answer

純粋なjavascriptを使用すると、次のようにbodyタグのonloadイベントにjavascriptを配置できます。

<body onload="function">

これは、ページの読み込みが完了するとトリガーされます。

score 0 · Accepted Answer

@Rigobertと@cottsackによる両方の回答の比較として:

window.onload:

完全に読み込まれたページを検出するためにのみ使用してください。

したがって、それはあなたの質問に適しているはずです。

一方$(document).ready(、発火 (ほとんどの場合、ブラウザーに依存)

スタイルシート、画像、およびサブフレームの読み込みが完了するのを待たずに、最初の HTML ドキュメントが完全に読み込まれて解析されたとき。

window-onload-vs-document-readyおよびDOMContentLoaded イベント(一見、JQuery の $(document).ready() をトリガーする)も参照してください。jquery-ready-vs-window-onloadにも良い答えがあります。

4 に答える 4