js中BOM对象

BOM操作：

概念：BOM操作的时候，操作的整个浏览器，浏览器被封装成一个对象，这个对象就是window。

window对象就是顶级对象。

window对象的特点为：凡是window对象中的属性或方法，window顶级对象都可以省略不写。

操作浏览器（通过js的方式实现浏览器中的某些功能）

1.通过js的方式实现页面刷新效果

2.通过js的方式实现浏览器中的上一页、下一页功能

3.通过js的方式实现页面的跳转

location对象

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

本质为window对象中的一个属性（location或者window.location)

location对象作用：用来实现操作网页URL地址（实现页面跳转等）

常用属性和方法：

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

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

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

4.reload方法用来刷新当前页面，传入参数true时表示强制刷新（重新向服务端发送请求），传入参数false时表示当前刷新页面的时候，只会在本地缓存中获取数据。

具体用法：

1.设置页面跳转：window.location.href ='跳转目标地址‘

2.获取当前页面url地址：window.location.href

history对象

该对象本质也是window顶级对象中的一个属性（history或者window.history)

作用：用来记录当前浏览器中访问过的页面

用法：

1.history.back() 对应浏览器中后退按钮

2.history.forward() 对应浏览器中前进按钮

3.history.go(正数或者负数） 正数表示前进，负数表示后退

navigator对象

该对象下记录了浏览器自身的相关信息

主要作用：

1.保存了浏览器自身相关的信息

2.记录了当前网路状态

常用属性和方法：

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

2.navigator.appVersion 保存了浏览器自身相关的信息

3.navigator.onLine 记录当前程序的联网状态，true处于联网，false处于断网

数据存储

如何将数据进行持久化存储？

方法一：通过本地存储的方式保存

方法二：通过数据库的方式保存

本地存储时，是存储到浏览器中

本地存储分类：localStorage、sessionStorage

注意：存储对象时需要先转换成JSON字符串

localStorage、sessionStorage区别：

localStorage：保存数据属于持久化保存（除非手动删除，否则一直存在），可以跨页面访问

sessionStorage：保存数据属于临时保存（数据会随着页面的关闭消失），保存的数据只能当前页面使用。