javascript 图片预加载 兼容Firefox； Chrome； Opera； Safari

javascript 图片预加载 兼容Firefox； Chrome； Opera； Safari；
经过一些分析，终于发现一个为各个浏览器所兼容的Image的属性——complete。所以，在图片onload事件之前先对这个值做一下判断即可。最后，代码变成如下的样子：

function loadImage(url, callback) {    var img = new Image(); //创建一个Image对象，实现图片的预下载    img.src = url;       if (img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数        callback.call(img);        return; // 直接返回，不用再处理onload事件    }    img.onload = function () { //图片下载完毕时异步调用callback函数。        callback.call(img);//将回调函数的this替换为Image对象    };};