sessionStorage 用法

本文將會從總體上概述一下 sessionStorage 的用法。

關於sessionStorage 的相關屬性和方法具體使用請參閱本版塊相關文章。

功能和用法與localStorage非常相似，用於解決原有本地儲存方案一些問題。

比如可以解決Cookie儲存量小，且每次HTTP請求都會傳送到伺服器（浪費頻寬）的問題。

關於localStorage可以參閱localStorage 用法一章節。

一.兩種儲存的異同點：

（1）.資料都儲存在本地客戶端。

（2）.儲存量都比Cookie有明顯的增加，因瀏覽器而已，大約在5M左右。

（3）.資料都不會跟隨HTTP請求傳送到伺服器，節省頻寬，與Cookie不同。

（4）.兩者具有相同的方法與屬性，畢竟兩個物件都是從Storage 繼承而來。

（5）.localStorage會在本地永久性儲存，sessionStorage儲存的資料僅在會話期間有效。

sessionStorage的資料共享和sessionStorage會話週期（生命週期）與localStorage有很大不同。

具體可以參閱如下兩篇文章：

（1）.sessionStorage 資料共享一章節。

（2）.sessionStorag 生命週期一章節。

二.具有的屬性與方法：

（1）.length屬性：

[JavaScript] 純文字檢視 複製程式碼
sessionStorage.length

可以獲取儲存資料項的數量。

（2）.setItem()方法：

[JavaScript] 純文字檢視 複製程式碼
sessionStorage.setItem()

此方法可以新增或者修改sessionStorage物件中的一個資料項。

（3）.getItem()方法：

[JavaScript] 純文字檢視 複製程式碼
sessionStorage.getItem()

此方法可以獲取指定鍵名對應的資料項的值。

（4）.removeItem()方法：

[JavaScript] 純文字檢視 複製程式碼
sessionStorage.removeItem()

此方法可以移除指定指定鍵名的資料項，無返回值。

（5）.clear()方法：

[JavaScript] 純文字檢視 複製程式碼
sessionStorage.clear()

此方法可以清除sessionStorage中所有的資料項。

（6）.key()方法：

[JavaScript] 純文字檢視 複製程式碼
sessionStorage.key()

通過此方法可以返回指定索引位置資料項的鍵名（不推薦使用此方法）。

三.事件：

具有storage 事件，具體參閱JavaScript storage 事件一章節。