教你 Jsimport 如何实现 懒加载 和 预加载

JavaScript023

教你 Jsimport 如何实现 懒加载 和 预加载,第1张

在项目中引入 js 文件一般是如下这种模式:

懒加载:

当文件被需要时才被加载即 执行fn()时,多次执行fn()只会加载一次js文件

预加载:

文件会在浏览器空闲的时候提前加载,有兼容性问题需慎用

脚本中写

function bindEvent(obj,etype,lfun,bbind)/* bind event ro element (etype不含on)(bbind: true:bindflase:unbind) */

{

if(bbind){

if(window.attachEvent){obj.attachEvent("on"+etype,lfun)}//ie

    else{obj.addEventListener(etype,lfun,false) }//火狐

    }else{

    if(window.detachEvent){obj.detachEvent("on"+etype,lfun)}

    else{obj.removeEventListener(etype,lfun,false) }}

}/*这一段单独放在一个<script>标签里,最先加载,用来控制其他的加载

bindEvent(window,"load",function(){/*这里写你加载完网页后要干的事情*/},true)/*每个脚本前面加上这句*/

如果还有其他问题请追问