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通常降低效率。
谢谢分享 谢谢分享资料。
页:
[1]