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

dhso
2016/12/15 11:59
统计中

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

本文为 dhso 原创

发布在 http://blog.minws.com/shi-yong-lazyloaddong-tai-jia-zai-js-csswen-jian/

如有转载,请标明来源!

作者信息
姓名:dhso
热评文章
最新评论
文章概览