失物不招领的前端学习日记（13）

BOM基础

一、 Window对象：

1.1 BOM（浏览器对象模型）：

1、概念：

BOM是浏览器对象模型。（Browser Object Model）

2、注意：

1.2 定时器-延时函数：

1、setTimeout函数：

JS内置的一个用来让代码延迟执行的函数。

2、语法：

setTimeout(回调函数，等待的毫秒数)

eg.

3、注意：

（1）其只执行一次，平时省略window。
（2）延时器需要等待，所以后面的代码先执行。
（3）每一次调用延时器都会产生一个新的延时器。

4、清除延时函数：

let timer = setTimeout(回调函数，等待的毫秒数)
clearTimeout(timer)

5、两种定时器对比：

（1）延时函数：执行一次
（2）间歇函数：每隔一段时间就执行一次，除非手动清除。

1.3 JS执行机制：

1、执行步骤：


2、事件循环概念：
由于主线程不断地重复获得任务、执行任务、再获取任务、再执行，所以这种机制被称为事件循环。

1.4 location对象：

1、介绍：

location的数据类型是对象，它拆分并保存了URL地址的各个组成部分。

2、常用属性和方法：

（1）href属性：

href属性获取完整的URL地址，对其赋值时用于地址的跳转。
eg.
eg.

（2）search属性：

获取地址中携带的参数，符号？后面部分。

console.log(location.search)

（3）hash属性：

获取地址中的哈希值，符号#后面部分。经常用于不刷新页面，显示不同的页面。

console.log(location.hash)

（4）reload方法：

用来刷新当前页面，传入参数true时表示强制刷新。

1.5navigator 对象：

1、概念：

navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息。

2、常用属性和方法：

通过userAgent检测浏览器的版本及平台。

1.6 history对象：

1、作用：

history的数据类型是对象，主要管理历史记录，该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等

2、常用属性和方法：

eg.