加载事件的用法

1、什么是加载事件？

加载外部资源（如：图片、外联CSS、JavaScript等）加载完毕时触发的事件。

2、为什么使用加载事件？

有些时候需要等页面资源全部处理完了做一些事情。老代码喜欢把script写在head中，这时候直接找DOM元素找不到，我们可以用事件名：load，来监听页面所有资源加载完毕。

3、加载事件有哪两个？如何添加？

1）load 事件，监听整个页面资源window加（需要等页面全部加载完）

2）DOMContentLoaded事件，给document加，用来监听页面DOM加载完毕。当初始的HTML文档被完全加载和解析完成之后，DOMContentLoaded事件被触发，而无需等待样式表、图像等被完全加载。

语法：Document.addEventListener('DOMContentLoaded',function(){})