第一百五十七节，封装库--JavaScript，预加载图片

封装库--JavaScript，预加载图片

首先了解一个Image对象，为图片对象

Image对象

var temp_img = new Image();   //创建一个临时区域的图片对象
alert(temp_img);                        //[object HTMLImageElement]对象

Image对象src属性,属性值是src地址，这个src地址会在后台加载到本地缓存

var temp_img = new Image();   //创建一个临时区域的图片对象
temp_img.src = ‘http://www.wallcoo.com/animal/Dogs_Summer_and_Winter/wallpapers/1920x1200/DogsB10_Lucy.jpg‘;

Image对象，事件

onload //事件，当图片加载成功时触发事件函数
onerror //事件，当图片加载失败时触发事件函数

如：下列 

var temp_img = new Image();            //创建一个临时区域的图片对象
    temp_img.onload = function () {
        alert(‘图片加载成功，显示图片‘);
    };
    temp_img.onerror = function () {
        alert(‘图片加载失败，什么都不干‘);
    };
    temp_img.src = ‘http://www.wallcoo.com/animal/Dogs_Summer_and_Winter/wallpapers/1920x1200/DogsB10_Lucy.jpg‘;
    //注意：最好把src，写在事件后面，否则ie不兼容

第一百五十七节，封装库--JavaScript，预加载图片

原文：http://www.cnblogs.com/adc8868/p/6483742.html