<!DOCTYPE HTML>
<html>
<body>

  <script type="text/javascript">
    if( sessionStorage.hits ){
       sessionStorage.hits = Number(sessionStorage.hits) +1;
    }else{
       sessionStorage.hits = 1;
    }
    document.write("Total Hits :" + sessionStorage.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>

便于學習上面的概念 - 請進行在線練習。

本地存儲

_本地存儲_被設計用于跨多個窗口進行存儲，并持續(xù)處在當前會話上。尤其是，出于性能的原因 Web 應用程序可能希望在客戶端存儲百萬字節(jié)的用戶數(shù)據(jù)，比如用戶撰寫的整個文檔或者是用戶的郵箱。

Cookies 并不能很好的處理這種情況，因為每個請求都會傳輸。

示例

HTML5 引入了 localStorage 屬性，可以用于訪問頁面的本地存儲區(qū)域而沒有時間限制，無論何時我們使用這個頁面的時候本地存儲都是可用的。

下面的代碼設置了一個本地存儲變量，每次訪問這個頁面時都可以訪問該變量，甚至是下次打開窗口時：

<!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 :" + 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>

便于學習上述概念 - 請進行在線練習。

刪除 Web 存儲

在本地機器上存儲敏感數(shù)據(jù)可能是危險的，可能會留下安全隱患。

_會話存儲數(shù)據(jù)_在會話終止之后將由瀏覽器立即刪除。

要清除本地存儲設置需要調(diào)用 localStorage.remove('key')；這個 'key' 就是我們想要移除的值對應的鍵。如果想要清除所有設置，需要調(diào)用 localStorage.clear() 方法。

下面的代碼會完全清除本地存儲：

<!DOCTYPE HTML>
<html>
<body>

  <script type="text/javascript">
    localStorage.clear();

    // Reset number of hits.
    if( localStorage.hits ){
       localStorage.hits = Number(localStorage.hits) +1;
    }else{
       localStorage.hits = 1;
    }
    document.write("Total Hits :" + localStorage.hits );
  </script>
  <p>Refreshing the page would not to increase hit counter.</p>
  <p>Close the window and open it again and check the result.</p>

</body>
</html>

便于學習上述概念 - 請進行在線練習。

上一篇：HTML5 URL 編碼下一篇：HTML5 Modernizr

<b id="arjga"></b>

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

HTML5 Web 存儲

會話存儲

示例

本地存儲

示例

刪除 Web 存儲