一文搞定JavaScript-BOM，前端小白必知必会

JavaScript系列：

JavaScript核心基础ECMAScript
JavaScript基础语法-DOM，前端小白必知必会
JavaScript事件高级，前端小白必知必会
一文搞定JavaScript-BOM，前端小白必知必会

BOM简介

BOM比DOM更大，它包含DOM。

window对象的常见事件

窗口加载事件

1.load要等页面内容全部加载完毕，包含页面dom元素、图片、flash、css等。

2.DOMContentLoaded要等DOM加载完毕即可，不包含图片、flash、css等就可以执行，加载速度比load快一些。

调整窗口大小事件

定时器

setTimeout()定时器

其中的调用函数也叫回调函数。

停止setTimeout()定时器

setInterval()定时器

停止setInterval()定时器

注意全局变量的问题。

真正有效解决setInterval()越来越快的问题

this

JS执行机制

JS是单线程

js执行顺序

其中click点击之后才会放入任务队列中，setTimeout等时间到了后才会放入任务队列中。

console.log(1);
setTimeout(function () {
	console.log(3);
}，0)；
console.log(2);
//运行结果：123

js执行机制

location对象

URL

location对象的属性

location对象的属性

navigator对象

用法：在PC端写入以下代码：

history对象