リソースファイルがJavascriptでページによってロードされているかどうかを確認する方法

Question

リソースファイルがJavascriptを使用してページによってロードされているかどうかを確認するにはどうすればよいですか？

たとえば、いくつかの.css、jsまたは他の種類のファイルですか？すべてのページが設定されていることを意味し、あなたがにJavaScriptコードを使用する必要があり、非同期、その後のものをロードする必要がある場合、あなたはあなたのJavaScriptのロジック

$(document).ready(function(){ 
    //your code 
}); 

の実行を開始

Answer 1

使用jQuery.readyイベントスクリプトを読み込むの例のようにそれをロードします。私はrequireJSようないくつかの依存関係の管理システムをお勧めしたい、より複雑なものについては

$.getScript("http://.../some.js", function(){ 
    //script loaded and hooked on the page; your custom logic here 
}); 

を。

Answer 2

ファイルを動的に追加するかどうかによって異なります。私はJavaScriptファイルについて説明します。

いずれに外部ファイルをロードするためのコードのこの部分を使用します。

var scriptElem = document.createElement('script'); 

scriptElem.onload = function() {alert('Script loaded.');} 

scriptElem.src = 'test.js'; 

document.getElementsByTagName('head')[0].appendChild(scriptElem); 

それとも、HTMLを介してそれらを追加している場合は、スクリプトファイルを作成することができますが、それは変数がロードされています事実を反映しています。例えば。 test.jsに：

// ...rest of file... 

window.testLoaded = true; 

あなたは、ページ上の任意の場所にwindow.testLoaded === trueを確認することができます。

CSSファイルの場合は、最初の手法を使用することもできますが、もちろん2番目の手法は使用できません。クラス.testのスタブ定義を定義し、そのクラスを持つ要素を作成し、CSSファイルで設定した特定のスタイルを持つかどうかを確認することができます。