BOM是浏览器对象模型,提供了独立于内容而与浏览器窗口进行交互的对象,核心对象是windou
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性,与DOM最大区别为DOM的顶级对象是document,BOM的顶级对象是window,window是个全局对象,定义在全局作用域中的变量,函数都会变成window的属性和方法。
window常见事件
窗口加载事件
window.onload=function(){}
或者
window.addElementListener("load",function(){});
window.onload是窗口加载事件,当文档内容完全加载完成会触发该事件 调整窗口大小事件
window.onresize=function(){}
window.addElementListener("resize",function(){});
常常利用这个事件完成响应式布局。window.innerWidth当前屏幕的宽度
定时器
window.setTimeout(调用函数,[延迟的毫秒数]); window.clearTimeot(timeoutID)
window.setInterval(回调函数,[间隔的毫秒数]); window.clearInterval(intervalID)
window可以省略
clear可清除所调用的定时器
JS执行机制
JavaScript语言的特点是单线程,便是同一时间只能做一件事
同步
前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的
异步
在执行一个可能长期运行的任务的同时继续对其他事件做出反应而不必等待任务完成