窗口加载事件&Window对象

一、Window对象

（1）load 窗口加载事件 见下文介绍

（2）resize 窗口大小事件 主要用于响应式布局

（3）innerWidth 获得页面的宽度

二、窗口加载事件

（1）页面文档内容加载完毕才执行、包括图片、css等

window.onload = function() { } 传统事件只能执行一次

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

（2）dom结构加载完毕后触发。有兼容性问题

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

与jQuery的 ready( ) 方法同理、