LazyLaod.js用法

    如果一个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");
});




    

你可能感兴趣的:(延迟加载,LazyLoad.js)