使用本地儲存Storage實現留言

2021-07-24 13:46:05 字數 1246 閱讀 5993

1.在傳統的html時代,開發者如果需要在客戶端儲存少量資料,只能通過cookie來實現,但cookie存在如下三點不足:大小被限制為3kb;會包含在每個http請求中向伺服器傳送,會導致多次傳送重複資料;在網路傳輸時並未加密,存在一些安全隱患

2.html5新增了web storage功能,可以讓應用程式在客戶端執行時在客戶端儲存資料。h5提供了兩個web storage:session storage:基於session的web storage。儲存的資料的生存期限和session相同,當session結束時,session storage儲存的資料也就丟失了;local storage:儲存在使用者磁碟的web storage,儲存的資料生存期限很長,只有當使用者或者程式顯式的清楚這些資料才會消失

3.storage(包括local storage和session storage)提供了如下屬性方法:

1.length:返回該storage裡儲存了多少組鍵值對

2.key(index):返回該storage中的第index個key

3.getitem(key):返回該storage指定的key對應的value值

4.set(key,value):向storage存入指定的鍵值對

5.removeitem(key):向storage移除指定的key的鍵值對

6.clear():清除該storage中的所有鍵值對

4.實現**:

本地儲存資料title>

head>

for="msg">輸入內容:label>

rows="4"

colw="20"

id="

button"

id="btn" />

type="reset"

value="重置" />

form>

type="button"

id="sbtn"

value="讀取" />

type="button"

id="cbtn"

value="清除" />

id="show">

div>

window.onload = function

(); /*使用local storage清除資料*/

document.getelementbyid("cbtn").onclick = function

() ;

};

本地儲存 cookie與storage

cookie 資料儲存到計算機中,通過瀏覽器控制新增與刪除資料 cookie特點 1.儲存限制 網域名稱100個cookie,每組大小4kb 2.客戶端 伺服器端,都會請求伺服器 頭資訊 3.頁面間的cookie是共享 cookie的使用 新增 獲得 刪除cookie function setcoo...

使用本地儲存

使用cookieclass cookie else getcookie name else eslint disable line delcookie name const usecookie new cookie export default usecookie帶過期時間的本地儲存import s...

SideShow Gadget本地儲存實現

標準的sideshow 裝置連線pc 後,由pc 上sideshow 管理中心負責向sideshow 裝置新增gadget 應用,該gadget 例項被sideshow 裝置快取到記憶體中。當sideshow 裝置未連線pc 掉電重啟後,所有原先新增的gadget 資訊將全部丟失。本功能的目的就是,...