理解浏览器DOM绘制的DOMContentLoaed 和 load 事件

onload 事件与 DOMContentLoaded区别：

经过浏览器咱们能够知道：在浏览器上面有一个load 时间 和 DOMContentLoaded时间：

DOMContentLoaded和onload 的弊端 

存在这样一种现象，若是页面同时依赖a.js,b.js 这个时候 若是a.js 文件加载被卡顿住的话，一直pedding状态，会阻碍b.js

文件的加载和运行，必须等到 a.js文件超时以后，后面的才能被继续执行。就会致使页面暂时的卡顿，交互点击没有反映的现象存在。

    一样的，若是a.js文件加载顺利的话，b.js文件在加载的时候，遇到了pedding状况，可是a.js文件里面的写法是监听window的onload事件，这个时候一样会被卡顿住的不去执行的。这样就会存在问题。

建议的作法

    可是如今好像不太在乎DOMContentLoaded 事件了，由于如今的写法是将script标签写在了 body的最后，也就是说

javascript函数被触发的时候，DOM确定已经渲染好了，因此能够直接在js文件里面写东西了，而不须要在 js文件中

监听onload 或者 DOMContentLoaded事件了。