hong.ri 发表于 2013-1-29 08:50:09

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]
查看完整版本: Javacript 预加载js, image, css