手册目录

JavaScript

浏览2676
更新时间2025-08-07

localStorage 对象

localStorage 对象提供对特定网站的本地存储的访问。它允许您存储、读取、添加、修改和删除该域的数据项。

存储的数据没有到期日期,并且在浏览器关闭时不会被删除。

这些数据将在几天、几周和几年内均可用。

setItem() 方法

localStorage.setItem() 方法将数据项存储在 storage 中。

它接受一个名称和一个值作为参数:

实例

localStorage.setItem("name", "Bill Gates");

getItem() 方法

localStorage.getItem() 方法从存储(storage)中检索数据项。

它接受一个名称作为参数:

实例

localStorage.getItem("name");

sessionStorage 对象

sessionStorage 对象与 localStorage 对象相同。

不同之处在于 sessionStorage 对象存储会话的数据。

当浏览器关闭时,数据会被删除。

实例

sessionStorage.getItem("name");
运行实例 »

点击 "运行实例" 按钮查看在线实例

setItem() 方法

sessionStorage.setItem() 方法将数据项存储在存储(storage)中。

它接受一个名称和一个值作为参数:

实例

sessionStorage.setItem("name", "Bill Gates");

getItem() 方法

sessionStorage.getItem() 方法从存储(storage)中检索数据项。

它接受一个名称作为参数:

实例

sessionStorage.getItem("name");

Storage 对象属性和方法

属性/方法 描述
key(n) 返回存储中第 n 个键的名称。
length 返回存储在 Storage 对象中的数据项数。
getItem(keyname) 返回指定的键名的值。
setItem(keyname, value) 将键添加到存储中,或者如果键已经存在,则更新该键的值。
removeItem(keyname) 从存储中删除该键。
clear() 清空所有键。

Web Storage API 相关页面

属性 描述
window.localStorage 允许在 Web 浏览器中保存键/值对。存储没有到期日期的数据。
window.sessionStorage 允许在 Web 浏览器中保存键/值对。存储一个会话的数据。

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221965次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624560次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240721次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397467次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623339次学习

收藏
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号