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>
付杰
  • ¥ 98.0元
  • 市场价:298.0元
  • ¥ 398.0元
  • 市场价:598.0元
  • ¥ 199.0元
  • 市场价:199.0元
  • ¥ 98.0元
  • 市场价:198.0元

发表评论

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