js如何实现图片的预加载?需要兼容到IE6
网上有一种方式,代码是
function preload(url) {
var img = new Image();
img.src = url;
if(img.complete){
alert('图片有缓存');
}
else {
alert('开始获取图片');
img.onload = function() {
alert('图片获取成功');
};
}
}
这种方法在火狐和IE下onload事件都没有触发
有没有一种能兼容到IE6的方案?
给你说个思路,具体自己没去试验过,不过应该没问题
具体实现要看浏览器特性了,我没做过完整性测试,个人认为3.可行性最高
上面的方法都是通过dom来加载的,利用一些css技巧,让他正常提前加载,然后让用户看不到而已
不同的浏览器特性可能不同,也许三种方法没有哪一种支持所有的浏览器,但是浏览器总会支持其中的一种方法的,实在不行根据浏览器写hack,定能实现