قم بإنشاء كائن صورة لتحقيق التحميل المسبق للصورة. إذا كانت الصورة موجودة بالفعل في ذاكرة التخزين المؤقت للمتصفح ، فاتصل مباشرة بوظيفة رد الاتصال. استخدم حدث Onload لتحديد ما إذا كانت الصورة قد تم تحميلها.
وظيفة 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_4709132" name = "code"> <name = "code"> <! "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = iso-8859-1"> <ultic> تحديد الصورة الكاملة </head> <body> <yeg> <ymg> src = "images/1.jpg"/> </body> </html> <script language = "javaScript"> document.getElementById ("img2"). Onload = function () {Alert ("تحميل الصورة مكتمل") ؛ } </script>