so_brave 发表于 2012-01-13 23:07

Javacript 预加载js, image, css


Javacript 预加载js, image, css





预加载css,js,image的代码:



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

如果有一天21 发表于 2012-01-19 22:32

谢谢分享

sychangchun 发表于 2012-01-25 23:15

谢谢分享资料。
页: [1]
查看完整版本: Javacript 预加载js, image, css