html本地化-Local Storage

瓦怕落地

于 2018-07-24 15:52:57 发布

阅读量505

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/github_33467146/article/details/81186183

html 专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了Web存储技术，包括localStorage和sessionStorage的使用方法。详细介绍了如何存储、取回及删除数据，通过实例展示了计数器功能，区分永久存储与暂时存储的不同应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 永久存储(示例)
// 存储
localStorage.lastname = "Gates";
// 取回
document.getElementById("result").innerHTML = localStorage.lastname;
// 移除
localStorage.removeItem("lastname");

// 实例
if (localStorage.clickcount) {
    localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
    localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "您已经点击这个按钮 " +
localStorage.clickcount + " 次。";


// 暂时存储，删除页面即消失（示例）
if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
    sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "在本 session 中，您已经点击这个按钮 " +
sessionStorage.clickcount + " 次。";