BOM：window对象的常见事件之onload和DOMContentLoaded

窗口加载事件：window.οnlοad=function(){}或者是window.addEventListener(“load”,function(){});
window.onload事件是窗口/页面加载事件，当文档内容全部加载完毕后，会触发该事件（包括图像、脚本文件、css文件等）

<script>
window.οnlοad=function(){
	var nav = document.querySelector(".nav");
	console.log(nav.innerHTML);
}
</script>
<div class="nav">123</div>

• 有了window.onload后，可以把js代码写到页面元素上方。
• 不过window.onload这个传统注册事件方式只能写一次，如果有多个window.onload事件，会以最后一个window.onload为准。
  所以建议使用addEventListener，该方法是没有限制的，可以添加多个onload事件，如下所示：

<script>
window.addEventListener("load",function(){
	var nav = document.querySelector(".nav");
	console.log(nav.innerHTML);
})
</script>
<div class="nav">123</div>

窗口加载事件除了window.onload方法外，还有一个方法：DOMContentLoaded，该方法事件触发时，仅当DOM加载完成，不包括css样式，图像，flash等，但IE9以上才支持。

<script>
      window.addEventListener("DOMContentLoaded",function(){
	var nav = document.querySelector(".nav");
	console.log(nav.innerHTML);
})
</script>
<div class="nav">123</div>