画像オブジェクトを作成して、画像の事前ダウンロードを実現します。画像がブラウザキャッシュに既に存在する場合は、コールバック関数を直接呼び出します。オンロードイベントを使用して、画像がロードされているかどうかを判断します。
function loadimage（url、callback）{var img = new image（）; //画像オブジェクトを作成して、画像の事前ダウンロードを実装しますimg.src = url; if（img.complete）{//ブラウザキャッシュに画像が既に存在する場合、コールバック関数callback.call（img）を直接呼び出します。戻る; //直接返す、onloadイベントを処理する必要はなく} img.onload = function（）{//イメージがダウンロードされたときに非同期にコールバック関数を呼び出す。 callback.call（img）; //コールバック関数のこれを画像オブジェクトに置き換えます}; };</pre> <pre code_snippet_id = "395795" snippet_file_name = "blog_20140617_3_3_4709132" name = "code"> <pre name = "code"> <！doctype html public " - // w3c // dtd html 4.01 // en "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html; src = "images/1.jpg"/> </body> </html> <script Language = "javascript"> document.getElementById（ "IMG2"）。 } </script>