前端資料儲存

2021-07-04 23:37:43 字數 1927 閱讀 7585

一、cookie儲存

通常直接叫做cookie

最初在客戶端用於儲存會話資訊的 該標準要求伺服器 對任意http請求傳送set-cookie http頭作為響應的一部分,其中包含會話資訊。

這個http響應設定以name為名稱,以value為值的乙個cookie名稱和值在傳送時都必須是url編碼的。

(2)限制:瀏覽器對每個域中cookie的總數是有限制的。不過瀏覽器之間各不相同。

ie6,以及更低版本每個網域名稱最多20個cookie.

ie7和之後版本每個網域名稱最多50個。

firefox限制每個網域名稱最多50個

opera限制每個網域名稱最多30個cookie

safari和chrome對於每個域的cookie數量限制沒有硬性規定。

瀏覽器中對cookie的尺寸也有限制,大多數瀏覽器都有大約4096b(加減1)的長度限制

為了最佳的瀏覽器相容性,最好將整個cookie大小限制在4095b內;。

(3)cookie的構成

名稱(不區分大小寫)、值、域、路徑(對於指定域中的那個路徑,應該向伺服器傳送cookie)、失效時間(表示cookie應該被何時刪除的時間戳)、安全標誌。

二、web儲存機制

1、web storage的目的是為了克服由cookie帶來的一些限制。當資料被嚴格控制在客戶端上時,無需持續將資料傳送到伺服器端,web storage 的兩個主要目標是:

提供一種cookie之外儲存

會話資料

途徑。

提供一種儲存大量可以跨會話存在的資料的機制。

storage 型別 提供最大的儲存空間(因瀏覽器而異)來從儲存名值對

storage物件有如下方法:

(1)clear();刪除所有值firefox中沒有實現。

(2)getitem(name),根據name獲得對應的值,

(3) key(index) 獲取index處位置的名字

(4)removeitem(name):刪除由name指定的名值對。

(5)setitem(name,value):為指定的name設定乙個對應的值。

二、sessionstorage 物件

該物件儲存特定於某個會話的資料。也就是說該資料只保持到瀏覽器關閉。sessionstorage是storage的例項所以可以使用storage的方法。

不同的瀏覽器寫入資料的方式不同,firefox和webkit`實現了同步寫入,而ie的實現則是非同步寫入。

三、localstorage物件。

持久儲存客戶端資料,要訪問同乙個localstorage物件。頁面必須來自同乙個網域名稱(子網域名稱無效),使用同一種協議,在同乙個埠上。這相當於globalstorage(location.host)由於localstorage是storage 的例項,所以可以像sessionstorage那樣使用storage方法。

前端儲存 localStorage

發布自在html5中,引入了兩個新的前端儲存特性 這兩者非常相似,都是用來在前端儲存一定量的資料,稱為前端儲存,但是這兩者仍然存在一定區別 儲存大小 儲存位置 儲存內容型別 獲取方式 可見localstorage適合在前端儲存長時間使用的資料,而sessionstorage適合儲存短期使用 一次性的...

localstorage 前端儲存

function win,doc else if typeof argument string else 刪除localstorage param val string null rmitems function val else win.local storage local storage wi...

前端儲存 localStorage

在html5中,引入了兩個新的前端儲存特性 這兩者非常相似,都是用來在前端儲存一定量的資料,稱為前端儲存,但是這兩者仍然存在一定區別 儲存大小 儲存位置 儲存內容型別 獲取方式 可見localstorage適合在前端儲存長時間使用的資料,而sessionstorage適合儲存短期使用 一次性的資料 ...