JavaScript：BOM 页面加载事件

对于一般的script代码必须放在对应的html元素的下面，要先加载html元素再加载scipt事件才有意义

但是可以采用一些方法来使得script分离：

第一种

window.addEventListener('load',function(){

}

将所有的script代码放在大括号里面，意思是当加载页面时，先加载所有的图像 脚本文件 CSS文件等，再加载script代码

其实本质就是将script代码放在代码的最后执行

 

第二种

        document.addEventListener('DOMContentLoaded',function(){
        })

用法一致

这个是只先加载DOM，先不加载图片等，会比上一中方式更快