使用LazyLoad动态加载js/css文件

LazyLoad 介绍

LazyLoad是一个简单的动态加载js/css资源文件的js库，可以在需要的页面去加载需求js/css资源，达到页面加载的简洁以及效率。

Github 地址

https://github.com/rgrove/lazyload/

资源下载

lazyload.js 下载地址

如何使用

// 加载js文件，当加载完成后执行回调函数
LazyLoad.js('http://example.com/foo.js', function () {
  alert('foo.js has been loaded');
});
// 加载多个js文件，当全部加载完成后执行回调函数
LazyLoad.js(['foo.js', 'bar.js', 'baz.js'], function () {
  alert('all files have been loaded');
});
// 加载css文件，当加载完成后执行回调函数
LazyLoad.css('foo.css', function (arg) {
  alert(arg);
}, 'foo.css has been loaded');
// 加载多个css文件，当全部加载完成后执行回调函数
LazyLoad.css('foo.css', function () {
  alert(this.foo); // displays 'bar'
}, null, {foo: 'bar'});

浏览器兼容性

• Firefox 2+
• Google Chrome
• Internet Explorer 6+
• Opera 9+
• Safari 3+
• Mobile Safari
• Android