0

インターネットで「javascriptを使用して画像をプリロードする」というタイトルをたくさん読んだので、同じ解決策を見つけました。「stuff.jpg」という名前の画像をプリロードする簡単なサンプルコードを次に示します。

 <script>
    var img = new Image();
    img.src = "stuff.jpg"
 </script>

ただし、「src」プロパティを定義するときに実際に何をするかを教えてくれるソースは見つかりません（例：img.src = "stuff.jpg"）。ここでの私の考えは、文字列（つまり、「stuff.jpg」）によって「src」プロパティをimgに設定するだけで、実際の画像はまだロードされていないということです。しかし、私は自分の考えにかなり消極的です。なぜなら、それが正しければ、上記のコードは無価値になるからです。上記のコードでsrcが実際に何をしているのか教えていただけませんか。説明のソースを教えていただければ幸いです。ありがとうございました。

4

1 に答える 1

1

はい、コードは実際に画像をロードします。画像オブジェクトのsrcを設定すると、画像が読み込まれます。次に、画像をDOMに追加するだけです。

何かのようなもの：

var div = document.getElementById('theImg');
div.appendChild(img);

もちろん、この方法では何も達成されませんが、何らかのイベント、ボタンのクリックなどに応じて画像が表示される場合は、実際に画像をプリロードします。

Chromeでコードを実行し、デベロッパーツールの[ネットワーク]タブを確認して、DOMに追加しなくても、画像が実際にサーバーから要求されていることを確認することで、これをテストできます。

于 2012-11-22T03:21:45.730 に答える