BOM简介以及基本使用
BOM概念:浏览器对象模型,独立于内容而与浏览器窗口进行交互的对象,其核心是window
window包含了document , location , navigation , screen , history
定义在全局作用域中的变量,函数都会变成window对象的属性和方法。
window.name是window中的一个特殊属性
window.load事件等页面内容全部加载完毕,包含页面dom元素 图片 flash css 等等
DOMContentLoaded 是DOM加载完毕,不包含图片 flash css等就可以执行 加载速度比load更快
调整窗口大小事件:window.onresize = function(){} 是调整窗口大小加载事件,当触发时就调用的处理函数。
注意:窗口大小发生像素变化,就会触发这个事件
用它完成响应式布局,window.innerWidth当前屏幕的宽度
两种定时器:
1、window.setTimeout(调用函数,[延迟的毫秒数]); 用于设置一个定时器,该定时器在定时器到期后执行调用函数。单位ms,可以省略不写
window.setTimeout(调用函数,[延迟的毫秒数]); 这个调用函数我们称为回调函数callback。
2、window.setInterval(调用函数,[间隔的毫秒数]); 此方法重复调用一个函数,每隔这个时间,就去调用一次回调函数。
区别:setTimeout延迟时间道理就去调用这个回调函数,只调用一次就结束这个定时器。 -------------- setInterval 每个这个延