您的位置：首页 > Web前端 > JavaScript

LazyLaod.js用法

2015-12-23 02:57 411 查看

如果一个html页面需要加载JavaScript文件，我们一般的做法都是在页面的head中加载它。

<head>
<script src="lazyload.js"></script>
</head>

但如果随着项目的不断增大，需要加载的JavaScript文件也变多的话，如果还是使用这种方式去加载的话，会影响程序的性能，那么如何解决这个问题呢？答案是延迟加载js文件。

有一个非常小巧的js库可以很好的实现js的延迟加载——LazyLoad.js,下载地址：http://wonko.com/post/lazyload-200-released

使用方法非常简单，我们只想好好使用两个方法就行——css()和js()。当我们想要延迟加载js文件时，我们可以使用调用js()方法。

//加载一个js文件
LazyLoad.js(jsPath,function(){
alert("js file has been loade");
});
//加载多个js文件
LazyLoad.js([jsPath1,jsPath2,jsPath3],function(){
alert("js files have been loade");
});

当我们想要加载css文件时，我们可以调用css()方法。

LazyLoad.css(cssPath,function(){
alert("css has been loaded");
});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航