html5打开本地文档,HTML5本地储存

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

传统方式我们用document.cookie来储存，但是储存大小较小，而且解析复杂，HTML5提出新的解决方案，使用sessionStorage和localStorage存储数据。

localStorage：

1. 永久生效

2. 多窗口共享

3. 容量大约为20M

◆window.localStorage.setItem(key,value) 设置存储内容

◆window.localStorage.getItem(key) 获取内容

◆window.localStorage.removeItem(key) 删除内容

◆window.localStorage.clear() 清空内容

sessionStorage：

1. 生命周期为关闭当前浏览器窗口

2. 可以在同一个窗口下访问

3. 数据大小为5M左右

◆window.sessionStorage.setItem(key,value)

◆window.sessionStorage.getItem(key)

◆window.sessionStorage.removeItem(key)

◆window.sessionStorage.clear()