javascript之webstorage用法

冰暮流星2026-08-18 11:53

WebStorage是HTML5中引入的本地存储解决方案，可以在客户端本地存储数据

它由两部分组成：

localStorage：本地永久存储

sessionStorage:临时存储

基本用法

写入数据

语法

localStorage.setItem(键值对)

javascript 复制代码

localStorage.setItem('name','Alice')

另外，如果已经存在键，再添加会覆盖旧值

读取数据

语法

localStorage.getItem(键

javascript 复制代码

localStorage.getItem('name')

删除数据

语法

localStorage.removeItem(键)

javascript 复制代码

localStorage.removeItem('address')

根据索引获取key值

javascript 复制代码

//语法：localStorage.key(索引值)
localStorage.key(1)

清空数据

localStorage.clear()

获取键值对数量

localStorage.length