LocalStorage 用法(创建、读取、清除)数据

localStorage属性允许在浏览器中存储 key/value 对的数据。有点类似于Cookie。

 

一、LocalStorage 语法

 

创建/存入数据

window.localStorage.setItem('key', 'value');

 

读取数据

window.localStorage.getItem('key')

 

清除某个键名对应的键值

localStorage.removeItem('key');

 

清除所有保存的数据

window.localStorage.clear()

 

localStorage.key()接受一个整数作为参数(从零开始),返回该位置对应的键值。

localStorage.key(0)

 

二、LocalStorage 示例

使用 localStorage 创建一个本地存储的 key/value 对,key="lastname" value="Smith", 然后检索 "lastname" 的值,并插入到 id="result" 的元素上:

<script>
// 判断浏览器是否支持
if (typeof(Storage) !== "undefined") {
    // 存储
    localStorage.setItem("lastname", "Smith");
    // 检索
    document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
    document.getElementById("result").innerHTML = "抱歉,您的浏览器不支持localStorage存储...";
}
</script>
    A+
发布日期:2021年03月24日 16:24:15  所属分类:JavaScript
最后更新时间:2021-03-24 17:56:23
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
标签:
付杰
Node.js视频教程:node.js全栈开发之路
  • ¥ 45.0元
  • 市场价:45.0元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 1999.9元
  • 市场价:20000元
服务器管理面板/主机控制面板“安装”服务
服务器管理面板/主机控制面板“安装”服务
  • ¥ 49.9元
  • 市场价:99.9元
UML建模视频教程:UML系统设计与建模 精讲
  • ¥ 58.0元
  • 市场价:58.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: