localStorage
- 本地存储
- 顾名思义:就是把数据存储到浏览器,很多时候我们需要把数据存到浏览器做一个永久保存,那就可以用到localStorage
- 特点:
-
- 长久保存,只要不删,那么就一直存在
- 是按域名保存的,域名A下域名A自己的数据,域名B的网站是访问不了域名的A的数据的,同样域名A也访问不了域名B的数据
-
-
- 扩展:
-
-
-
-
- 域名的前缀不一样,就属于不同的域名
-
-
-
-
-
-
- 例如:
pan.baidu.com
和www.baidu.com
不算同一个域名
- 例如:
-
-
-
-
-
-
- 域名的后面路径不一样,但是前面一样是算同一个域名
-
-
-
-
-
-
- 例如:
www.baidu.com/search?dddd
www.baidu.com/path/ccc
这个算同一个域名
- 例如:
-
-
-
- 方法有:
-
- setItem
-
-
- 保存数据
- 两个参数:
-
-
-
-
- 参数1:key
- 参数2:值
-
-
-
-
- 如果保存了相同的key,后面的覆盖前面的
-
-
- getItem
-
-
- 获取数据
- 一个参数: key
-
-
-
- 如果获取的数据不存在,会得到null
-
-
- removeItem
-
-
- 删除数据
- 一个参数:key
-
-
- clear
-
-
- 清空所有数据
- 没有参数
-
- 下图为在浏览器找到
localStorage
保存的数据
- localStorage只能保存字符串数据,如果你传入了非字符串数据,那它也强制把数据转成了字符串再保存的
- 如何保存复杂类型?(对象、数组那些)
-
- 把复杂类型转成JSON格式的字符串保存起来
- 然后取出来的时候,再把它按JSON字符串转成JS数据