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.