リソースファイルがJavascriptのページで読み込まれているかどうかを確認する方法

ファイルを動的に追加するかどうかによって異なります。私は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ファイルで設定した特定のスタイルを持つかどうかを確認することができます。

jQuery.readyイベントを使用すると、すべてのページがセットアップされ、JavaScriptロジックの実行が開始されます。

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

非同期に読み込む必要がある場合は、スクリプトをロードする例のようにJavaScriptコードを読み込む必要があります。

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

もっと複雑なものについては、 requireJS のような依存関係管理システムをお勧めします。