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

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

2016-12-15 / 0 评论 / 36 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年10月27日,已超过209天没有更新,若内容或图片失效,请留言反馈。

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

0

评论 (0)

取消