BOM- 操作浏览器

Window对象

BOM(浏览器对象模型):

BOM(Browser Object Model ) 是浏览器对象模型

window 是浏览器内置中的全局对象，我们所学习的所有 Web APIs 的知识内容都是基于 window 对象实现的

window 对象下包含了 navigator、location、document、history、screen 5个属性，即所谓的 BOM （浏览器对象模型）

document 是实现 DOM 的基础，它其实是依附于 window 的属性。

注：依附于 window 对象的所有属性和方法，使用时可以省略 window

定时器-延时函数

JavaScript 内置的一个用来让代码延迟执行的函数，叫 setTimeout

语法：

setTimeout 仅仅只执行一次，所以可以理解为就是把一段代码延迟执行, 平时省略window 

 

JS执行机制

 

 

 

location对象

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

常用属性和方法：

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

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

hash 属性获取地址中的啥希值，符号 # 后面部分

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

navigator对象

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

常用属性和方法： 通过 userAgent 检测浏览器的版本及平台

histroy对象

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

 

本地存储

1（localStorage）

1、生命周期永久生效，除非手动删除 否则关闭页面也会存在

2、可以多窗口（页面）共享（同一浏览器可以共享）

3.   以键值对的形式存储使用

存储复杂数据类型存储

本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

JSON.stringify(复杂数据类型) 将复杂数据转换成JSON字符串   存储 本地存储中 JSON.parse(JSON字符串) 将JSON字符串转换成对象     取出 时候使用 

（2）  sessionStorage

1、生命周期为关闭浏览器窗口

2、在同一个窗口(页面)下数据可以共享

3、以键值对的形式存储使用

4、用法跟localStorage 基本相同