Erstellen Sie ein Bildobjekt, um die Vorladung des Bildes zu realisieren. Wenn das Bild bereits im Browser -Cache vorhanden ist, rufen Sie direkt die Rückruffunktion auf. Verwenden Sie das Onload -Ereignis, um festzustellen, ob das Bild geladen ist.
Funktion loadImage (URL, Rückruf) {var img = new Image (); // Erstellen Sie ein Bildobjekt, um das Bild des Bildes img.src = url zu implementieren. if (img.com plete) {// Wenn das Bild bereits im Browser -Cache vorhanden ist, rufen Sie direkt die Callback -Funktion callback.call (IMG) auf; zurückkehren; // Direkt zurückgeben, muss das Onload -Ereignis nicht mehr verarbeiten} img.onload = function () {// Rufen Sie die Rückruffunktion asynchron auf, wenn das Bild heruntergeladen wird. Callback.call (IMG); // Ersetzen Sie diese der Rückruffunktion durch ein Bildobjekt}; }; </pre> <pre code_snippet_id = "395795" snippet_file_name = "blog_20140617_3_4709132" name = "code"> <pre name = "code"> <! docType html public "-// w3c // dtd html 4.01 //" "http://www.w3.org/tr/html4/strict.dtd"> <html> <kopf> <meta http-equiv = "content-type" content = "text/html; charset = iso-8859-1"> <titels, ob das Bild lading lading ist, lading lading lading lading lading lading lading ist lading laden src = "bilder/1.jpg"/> </body> </html> <script Language = "javaScript"> document.getElementById ("img2"). onload = function () {alert ("Bildladung abgeschlossen"); } </script>