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

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

たとえば、いくつかの.css、js、または他の種類のファイルがありますか?

2

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ファイルで設定した特定のスタイルを持つかどうかを確認することができます。

3
追加された
大丈夫、ありがとう、私は試してみる
追加された 著者 WHITECOLOR,

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 のような依存関係管理システムをお勧めします。

2
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript