画像オブジェクトを作成して、画像の事前ダウンロードを実現します。画像がブラウザキャッシュに既に存在する場合は、コールバック関数を直接呼び出します。オンロードイベントを使用して、画像がロードされているかどうかを判断します。
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>