如何使用 HTML5 localStorage API 将数据存储在浏览器中?


HTML5 localStorage 在浏览器中保存字符串数据,并且在当前会话之后仍然存在。localStorage 存储数据,没有到期时间,而 sessionStorage 仅限于仅限当前会话。当浏览器关闭时,会话将丢失。

本地存储旨在用于跨多个窗口并超过当前会话的存储。特别是,Web 应用程序可能希望出于性能原因,在客户端存储兆字节的用户数据,例如整个用户创建的文档或用户的邮箱。

您可以尝试运行以下代码,以了解如何使用 HTML5 localStorage

示例

实时演示

<!DOCTYPE HTML>
<html>
   <body>
      <script type = "text/javascript">
         if( localStorage.hits ){
            localStorage.hits = Number(localStorage.hits) +1;
         }else{
            localStorage.hits = 1;
         }
         document.write("Total Hits on the website:" + localStorage.hits );
      </script>
      <p>Refresh the page to increase number of hits.</p>
      <p>Close the window and open it again and check the result.</p>
   </body>
</html>

更新于:2020 年 2 月 25 日

204 次查看

开启您的 职业生涯

完成课程,获得认证

开始
广告