开发者社区> 问答> 正文

HTML5中web 存储的提供的对象的详细内容是什么?

HTML5中web 存储的提供的对象的详细内容是什么?

展开
收起
游客3gzok77e677xw 2022-03-28 19:08:00 705 0
1 条回答
写回答
取消 提交回答
  • localStorage 对象存储的是没有截止日期的数据。当浏览器被关闭时数据不会被删除,在下一天、周或年中,都是可用的。

    // 存储
    localStorage.setItem("lastname", "Gates");
    // 取回
    document.getElementById("result").innerHTML = localStorage.getItem("lastname");
    

    实例解释: 创建 localStorage 名称/值对,其中:name="lastname",value="Gates" 取回 "lastname" 的值,并把它插到 id="result" 的元素中

    sessionStorage 对象等同 localStorage 对象,不同之处在于只对一个 session 存储数据。如果用户关闭具体的浏览器标签页,数据也会被删除。

    下例在当前 session 中对用户点击按钮进行计数:

    if (sessionStorage.clickcount) {
        sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
    } else {
        sessionStorage.clickcount = 1;
    }
    document.getElementById("result").innerHTML = "在本 session 中,您已经点击这个按钮 " +
    sessionStorage.clickcount + " 次。";
    
    2022-03-28 19:12:51
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Web应用系统性能优化 立即下载
高性能Web架构之缓存体系 立即下载
PWA:移动Web的现在与未来 立即下载