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) !== "[object Array]"){return;}
    var obj = null, ie  = '\v'=='v';

    for(var i = 0, l = files.length; i < l; i ++){
        if (ie) {
            new Image().src = files[i];
            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[i];
        obj.width  = 0;
        obj.height = 0;
        document.body.appendChild(obj);
    }
}

 

• new Image().src 之所以不能在Firefox中使用，是因为Firefox会对图片执行单独的缓存。
• 动态插入的 object 标签需要插入到非 head部分，才触发加载。
• IE7/8也可以通过一些代码使用动态object加载文件（代码注释中有提到），但是object通常降低效率。