BOM本地存储

ClassList属性

classLIst属性返回元素的类名，作为DOMTokenList对象

1.ClassList属性有以下几种方法:

(1)通过ClassList可以获取元素的全部类名;

(2)通过ClassList.remove()可以删除元素的一个或多个类名;

(3)通过ClassList.add()可以向元素添加一个或多个类名;

(4)通过ClassList.lentgh可以获取到元素类名的数量;

(5)通过ClassList.item(x)可以获取到元素类名索引为x的类名;

(6)通过ClassList.toggle可以为元素切换类;

(7)通过ClassList.contains(x)查看元素是否存在类名为"x"的类;

sessionStorage、localStorage区别

localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；

sessionStorage 数据在当前浏览器窗口关闭后自动删除。

因此sessionStorage 和 localStorage 的主要区别在于他们存储数据的生命周期，sessionStorage 存储的数据的生命周期是一个会话，而 localStorage存储的数据的生命周期是永久，除非主动删除数据，否则永远不会期

LocalStorage

内存20M

localStorage.setItem("key", "value");

读取数据语法：

var lastname = localStorage.getItem("key");

删除数据语法：

localStorage.removeItem("key");

 SessionStorage

内存5M

保存数据语法：

sessionStorage.setItem("key", "value");

读取数据语法：

var lastname = sessionStorage.getItem("key");

删除指定键的数据语法：

sessionStorage.removeItem("key");

删除所有数据：

sessionStorage.clear();