javascript - Javascript が画像の読み込みを停止する

Question

ウェブサイトを作成していますが、ページの 1 つで外部サイトの JavaScript ファイルを使用しています

その外部 js には、ページに必要のない画像が含まれています (実際には読み込まれます)。

その画像の読み込みを停止するにはどうすればよいですか (画像の URL が「http://image.com/img.png」であるとしましょう)。それを行うことができるJavaScriptコードはありますか?

皆さんのお陰で

Answer 1

DOM がロードされたら、リソースのダウンロードを停止します (window.stop()最新のブラウザーの場合document.execCommand("Stop", false)、IE の場合)。次に、必要なリソースを見つけて、ブラウザにダウンロードするように依頼します。

Answer 2

URLで画像を選択してDOMから削除できます

$(document).ready(function(){
    $('img[src="http://image.com/img.png"]').remove();
});

更新 1:

おそらく部分一致が必要だったので、これを試してください：

$(document).ready(function(){
   $('img[src*="image.com/img.png"]').remove(); 
});

Answer 3

JavaScript を使用して単一のリソースのダウンロードをキャンセルすることはできません。@nkammが答えたように、window.stop()メソッドを呼び出すことはできますが、リソースのダウンロードを停止します(ブラウザの「停止」ボタンを押すなど)。

ダウンロードを停止しようとしている画像が DOM でレンダリングされない場合は、ページ内の他のすべてのダウンロードをキャンセルする価値がありますか?

Answer 4

$(window).load(function(){
    $('img[src="http://image.com/img.png"]').remove();
});