WebStorage
WebStorageb包括Window.localStorgae和Window.sessionStorage,浏览器端通过这两个属性来实现本地存储机制。
存储内容大小一般支持5MB左右(不同浏览器可能不同)
localStorage
打开浏览器控制台,在Application选项中有个Storage,可以在这里面找到localStorage
关闭浏览器localStorage也不会消失(需要手动清除)
localStorage最重要的是这几个API
- 存储数据
- localStorage.setItem(‘msg’,‘hello’)
- 获取数据
- localStorage.getItem(‘msg’)
- 删除数据
- localStorage.removeItem(‘msg’)
- 清空数据
- localStorage.clear()
<button onclick="addStorage()">添加一个数据</button>
<button onclick="