通過本地存儲(Local Storage),web 應用程序能夠在用戶瀏覽器中對數據進行本地的存儲。
在 HTML5 之前,應用程序數據只能存儲在 cookie 中,包括每個服務器請求。本地存儲則更安全,并且可在不影響網站性能的前提下將大量數據存儲于本地。
與 cookie 不同,存儲限制要大得多(至少5MB),并且信息不會被傳輸到服務器
HTML 本地存儲提供了兩個在客戶端存儲數據的對象:
window.localStorage - 存儲沒有截止日期的數據window.sessionStorage - 針對一個 session 來存儲數據(當關閉瀏覽器標簽頁時數據會丟失)在使用本地存儲時,請檢測 localStorage 和 sessionStorage 的瀏覽器支持:
localStorage 對象存儲的是沒有截止日期的數據。當瀏覽器被關閉時數據不會被刪除,在下一天、周或年中,都是可用的
創建 localStorage 名稱/值對,其中:name="lastname",value="Gates"取回 "lastname" 的值,并把它插到 id="result" 的元素中localStorage.setItem("lastname", "Gates");//存儲 document.getElementById("result").innerHTML = localStorage.getItem("lastname");//取回localStorage.removeItem("lastname");//刪除存儲sessionStorage 對象
sessionStorage 對象等同 localStorage 對象,不同之處在于只對一個 session 存儲數據。如果用戶關閉具體的瀏覽器標簽頁,數據也會被刪除。
====================緩存=========
如需啟用應用程序緩存,請在文檔的 <html> 標簽中包含 manifest 屬性:
<htmlmanifest="demo.appcache"
>每個指定了 manifest 的頁面在用戶對其訪問時都會被緩存。如果未指定 manifest 屬性,則頁面不會被緩存(除非在 manifest 文件中直接指定了該頁面)。
manifest 文件的建議文件擴展名是:".appcache"。
注意:manifest 文件需要設置正確的 MIME-type,即 "text/cache-manifest"。必須在 web 服務器上進行配置
新聞熱點
疑難解答