客戶端本地儲存資料 簡單的web留言本

2021-08-16 23:24:15 字數 1009 閱讀 1037

如下圖:

主要知識點:

1.localstorage

length:所有儲存在localstorage中的資料的條數

key(index):將想要得到資料的索引號作為index引數傳入,可以得到localstorage中與這個索引號對應的資料.

2.儲存資料的方式:鍵值對形式

localstorage的方法:setitem(),getitem(),clear()

3.儲存

使用setitem()方法可以儲存值

語法:localstorage.

setitem(key,value)

4.取值

使用getitem()方法可以讀取指定鍵名的值

語法:localstorage.

getitem(key,value)

5.清空本地儲存

使用clear()可以清空所有本地儲存的鍵值對

語法:localstorage.

clear()

var data = document.getelementbyid(id).value;

var time = new date().gettime();

localstorage.setitem(time,data);

loadstorage('msg'); }

function loadstorage(id)

result += '';

var target = document.getelementbyid(id);

target.innerhtml = result;

}function clearstorage()

如下圖:

web客戶端的幾種儲存方式

1 cookie 特點 1 可以相容到包括ie6以上的所有瀏覽器 2 cookie在不同瀏覽器上數量和大小 不超過4kb 都有限制 3 cookie的生命週期是根據設定值得expire的時間來控制的。4 需要自己寫操作函式實現操作 適用範圍 1 低版本的瀏覽器相容 2 需要前後端進行傳遞的資料 比如...

localstorage本地儲存的簡單使用

1 localstorage.name 老王 第一種設定儲存本地資料的方法localstorage 2 localstorage.setitem color red 第二種設定儲存本地資料的方法 3 localstorage.removeitem name 刪除本地儲存資料 4 localstora...

訊息佇列的簡單實現(客戶端A,客戶端B)

下面是兩個相互通訊程序的簡單實現,乙個代表客戶端a,乙個代表客戶端b 客戶端a 傳送typeb型別的資料到客戶端b 讀取傳送到客戶端a的typea型別的資料 include include include include include include include include include...