Javacript 预加载js, image, css
预加载css,js,image的代码:/** * 预加载img, css, js文件 * preload([ * 'yourpath/x.png', * 'yourpath/x.js', * 'yourpath/x.css' * ]);*/function preload(files){ //如果传入的参数files不是数组,返回 if(Object.prototype.toString.call(files) !== ""){return;} var obj = null, ie= '\v'=='v'; for(var i = 0, l = files.length; i < l; i ++){ if (ie) { new Image().src = files; continue; } obj = document.createElement('object'); //如果是IE7/8,也可以通过下面四行触发加载。 //o.width = 1; //o.height = 1; //o.style.visibility = "hidden"; //o.type = "text/plain"; //IE obj.data = files; obj.width= 0; obj.height = 0; document.body.appendChild(obj); }}
[*]new Image().src 之所以不能在Firefox中使用,是因为Firefox会对图片执行单独的缓存。
[*]动态插入的 object 标签需要插入到非 head部分,才触发加载。
[*]IE7/8也可以通过一些代码使用动态object加载文件(代码注释中有提到),但是object通常降低效率。
页:
[1]