HTML5 引入了兩種機制,類似于 HTTP 的會話 cookies,用于在客戶端存儲結構化數據以及克服以下缺點。
每個 HTTP 請求中都包含 Cookies,從而導致傳輸相同的數據減緩我們的 Web 應用程序。
每個 HTTP 請求中都包含 Cookies,從而導致發送未加密的數據到互聯網上。
Cookies 只能存儲有限的 4KB 數據,不足以存儲所需的數據。
這兩種存儲方式是 session storage 和 local storage,它們將用于處理不同的情況。
幾乎所有最新版的瀏覽器都支持 HTML5 存儲,包括 IE 瀏覽器。
會話存儲
_會話存儲_被設計用于用戶執行單一事務的場景,但是同時可以在不同的窗口中執行多個事務。
示例
比如,如果用戶在同一網站的兩個不同的窗口中購買機票。如果該網站使用 cookie 跟蹤用戶購買的機票,當用戶在窗口中點擊頁面時,從一個窗口到另一個時當前已經購買的機票會“泄漏”,這可能導致用戶購買同一航班的兩張機票而沒有注意到。
HTML5 引入了 sessionStorage 屬性,這個網站可以用來把數據添加到會話存儲中,用戶仍然可以在打開的持有該會話的窗口中訪問同一站點的任意頁面,當關閉窗口時,會話也會丟失。
下面的代碼將會設置一個會話變量,然后訪問該變量:
新聞熱點
疑難解答