Créez un objet d'image pour réaliser le chargement préalable à l'image. Si l'image existe déjà dans le cache du navigateur, appelez directement la fonction de rappel. Utilisez l'événement Onload pour déterminer si l'image est chargée.
Fonction LoadImage (URL, callback) {var img = new Image (); // Créer un objet d'image pour implémenter la pré-téléchargement de l'image img.src = url; if (img.comPlete) {// Si l'image existe déjà dans le cache du navigateur, appelez directement la fonction de rappel callback.call (img); retour; // revient directement, je n'ai plus besoin de traiter l'événement Onload} img.onload = function () {// Appelez l'appel la fonction de rappel de manière asynchrone lorsque l'image est téléchargée. callback.call (img); // remplace celui de la fonction de rappel par un objet d'image}; }; </ pre> <pre code_snippet_id = "395795" snippet_file_name = "blog_20140617_3_4709132" name = "code"> <pren name = "Code"> <! doctype html public "- // w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <adread> <méta http-equiv = "contenu-type" contenu = "Text / html; charset = iso-8859-1"> <itle> déterminer si l'image charge complète </ title> </diad> src = "images / 1.jpg" /> </ body> </html> <script linguisse = "javascript"> document.getElementyid ("img2"). onload = function () {alert ("Chargement d'image terminé"); } </ script>