이미지 객체를 작성하여 이미지의 사전 다운로드를 실현하십시오. 이미지가 브라우저 캐시에 이미 존재하는 경우 콜백 함수를 직접 호출하십시오. Onload 이벤트를 사용하여 이미지가로드되었는지 여부를 결정하십시오.
함수 loadImage (url, 콜백) {var img = new Image (); // 이미지 객체를 작성하여 이미지 img.src = url의 사전 다운로드를 구현합니다. if (img.complete) {// 이미지가 브라우저 캐시에 이미 존재하는 경우 콜백 함수 콜백 (IMG)을 직접 호출하십시오. 반품; // 직접 반환하고 더 이상 OnLoad 이벤트를 처리 할 필요가 없습니다} img.onload = function () {// 이미지가 다운로드되면 콜백 함수를 비동기로 호출합니다. Callback.call (IMG); // 콜백 함수 의이를 이미지 객체}로 바꾸십시오}; }; </pre> <pre code_snippet_id = "395795"snippet_file_name = "blog_20140617_3_3_4709132"name = "code"> <pre name = "code"> <! doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/tr/html4/strict.dtd"> <html> <head> <meta http-equiv = "content-type"content = "text/html; charset = iso-8859-1"> <제목이 이미지가로드되는지 여부를 결정합니다. </head> </head> </head> src = "images/1.jpg"/> </body> </html> <script language = "javaScript"> document.getElementById ( "img2"). onload = function () {alert ( "이미지로드 완료"); } </스크립트>