本地存储（localStorage）

浏览器的本地存储（localStorage）

1.概念：window对象下面的属性,html5新增的，将5M大小的数据存储本地的浏览器上面。

2.存储的位置：浏览器控制面板–application–左侧面板local Storage

3.本地存储localStorage特点：
①本地存储属于永久存储，除非手动删除。
②html5新增的,高版本的浏览器支持。
③目前所有的浏览器都会把localStorage数据类型设定字符串string.
④不同的浏览器本地存储的数据是不能相互进行访问。

4.localStorage的存取删

• 存储：存储方式( 键值对 - key=value)

window.localStorage.name = 'liang';
window.localStorage['age'] = 100;
window.localStorage.setItem('sex', '女'); //最优的
window.localStorage['num'] = 666;

• 存储变量：键值相同，会覆盖(属性名相同，覆盖)

let num = 300;
let str = 'score';
localStorage.setItem('score', 100);
localStorage.setItem(str, num)