สร้างวัตถุรูปภาพเพื่อรับรู้การโหลดล่วงหน้าของภาพ หากภาพมีอยู่แล้วในแคชเบราว์เซอร์ให้เรียกใช้ฟังก์ชันการโทรกลับโดยตรง ใช้เหตุการณ์ ONLOAD เพื่อตรวจสอบว่าภาพถูกโหลดหรือไม่
ฟังก์ชั่น loadimage (url, callback) {var img = image ใหม่ (); // สร้างวัตถุรูปภาพเพื่อใช้การโหลดล่วงหน้าของ 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"> <! "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = iso-8859-1" src = "images/1.jpg"/> </body> </html> <script language = "JavaScript"> document.getElementById ("IMG2"). onLoad = function () {แจ้งเตือน ("การโหลดภาพเสร็จสมบูรณ์"); } </script>