Создайте объект изображения, чтобы реализовать предварительную загрузку изображения. Если изображение уже существует в кэше браузера, напрямую вызовите функцию обратного вызова. Используйте событие Onload, чтобы определить, загружено ли изображение.
function LoadImage (url, обратный вызов) {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_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; charset = iso-8859-1"> <Tuith-type> определить, загружается ли изображение </title> </hade> <bode> <id> <id = hadg> <id = hadg> <id = <id = <id = <id = hadg. src = "Images/1.jpg"/> </body> </html> <script language = "javascript"> document.getElementbyId ("img2"). onload = function () {alert ("Загрузка изображения завершено"); } </script>