客戶端儲存 LocalStorage

2021-07-14 18:29:00 字數 927 閱讀 7093

localstorage是html5 提供的在客戶端儲存資料的方法。替代但不同於之前的globalstorage,規則作用範圍事先已設定好,是同乙個網域名稱(子域無效),使用同一種協議,在同乙個埠上。

目前主流的較新版瀏覽器除ie8以下的以外都支援localstorage。

localstorage 方法儲存的資料沒有時間限制,除非主動刪除,否則永久有效。目前僅支援字串資料的訪問。

localstorage是屬於storage的例項,storage介面如下:

1

inte***ce storage ;

通過介面可知,storage例項具有的方法有:

key(index): 在指定的數字位置獲取該位置的名字(key)。

getitem(key): 根據指定的名稱key獲取對應的值。

setitem(key, value): 設定名稱key對應的值value。

removeitem(key): 刪除名稱key對應的名-值對。

clear(): 刪除所有值。

另外還有length屬性可以獲取儲存的key-value數量。

讀取和設定資料還可以使用點屬性名的方式,如

localstorage.name = "test";

var name = localstorage.name; //name = "test"

delete localstorage.name; //刪除

雖然如此,但是建議使用介面規範的方法操作。getitem、setitem、removeitem

**示例1:

1

if(window.localstorage)else

對於只支援globalstorage的瀏覽器,localstorage可用globalstorage[location.host];

客戶端儲存

他們的區別在儲存的有效期和作用域 localstorage儲存是永久性的,作用域是同源文件.同源文件由三個方面確定.埠號,協議,主機名.同樣也受限於瀏覽器廠家,不同瀏覽器廠家之間的localstorage是不能互享的.sessionstorage的儲存性是和頂層標籤是同步的,如果頂層標籤關閉,那麼s...

客戶端儲存

客戶端儲存 由於http協議是無狀態路的協議,其無法記住使用者的狀態,所以就有了客戶端儲存用來記錄使用者的狀態。同樣的客戶端儲存也是遵守同源策略,所以不同站點的頁面是無法讀取對方儲存的資料 有oatuh2.0 用來跨站登入的,即qq互聯這種登入方式。用於進行登入的很大都是用時序圖進行繪製的。儲存。安...

客戶端儲存

瀏覽器儲存在開發中經常用到,比如在多頁面應用的模型中,會將使用者的頁面歷史記錄儲存在本地,頁面前進時,在本地新增一條歷史記錄,頁面返回時,刪除最後一條歷史記錄,再訪問最後一條歷史記錄 盒端的返回規則並不像標準瀏覽器這麼規範,也沒有後退按鈕,不同廠家的盒子,系統對返回處理邏輯不同,一般自己處理頁面的返...