一、介绍
1、为了替代Cookile这门古老的客户端存储技术,Html5的WEB Storage Api 提供了俩中在 客户端存储数据库的方法:localStorage 和 sessionStorage
2、sessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同一个会 话中的页面才能访问并且当会话结束后数据也随之销毁。因此 sessionStorage 不是一种持久 化的本地存储,仅仅是会话级别的存储。
3、localStorage 用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
4、localStorage 和 sessionStorage 通过 window 对象访问
二、使用方法
1、setItem 存储 value 用途:
将 value 存储到 key 字段
用法:
.setItem( key, value)
代码示例:
sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");
2、getItem 获取 value 用途:
获取指定 key 本地存储的值
用法:
.getItem(key)
代码示例:
var value = sessionStorage.getItem("key");
var site = localStorage.getItem("site");
时间: 2024-10-01 07:11:55