如何使用 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 次浏览

开启你的 职业生涯

通过完成该课程获得认证

开始
广告