HTML5存储 ——Web Storage（localStorage 和 sessionStorage）

2024-10-21 02:46:59

一、localStorage对象临时储存API

方法：

1、localStorage.setItem(key,value)---设置存储内容

2、localStorage.getItem(key)---获取存储内容

3、localStorage.removeItem(key)---删除存储内容
4、localStorage.clear()---一次性清空所有的key

5、localStorage.length——获取存储内容的个数

6、localStorage.key或localStorage[key]——获取存储内容

---localStorage ：没有存储时间 容量2-5Mb左右，存储字符串。

---sessionStorage：

1） 网页会话结束时失效（刷新没问题，网页关闭就没了）储存容量不一。许多浏览器没有限制 相同url不同页面不能共享sessionStorage数据（只能在自己的标签页）；

2）存储容量超出限制，抛出QutotaExceededError异常，存储值时应使用try catch避免异常未捕获；

3）只能存储字符串，注意类型转换。

最新文章

热门文章