localStorage實現搜尋歷史

var historylistarr =

;

function render(

)    // 判斷html裡面有資料沒
html = html||
'沒有搜尋記錄'
;    // 把資料渲染到ul裡面
$('#history'
).html(html)
;}

function sethistoryitems(key)

//如果頁面初始化後將localstorage的內容同步到historylistarr中
var historylist=localstorage.getitem(
"historylist");
if(historylist&&historylistarr.length<1)
//如果搜尋引數已記錄
if(historylistarr.contains(key))
else
historylistarr.push(key);}
// 儲存更新追加的資料到json資料中
localstorage.setitem(
'historylist',json.stringify(historylistarr))
;    // 渲染資料/直接呼叫前面的渲染資料函式
render();
// 清空搜尋框
$('.search-input'
).val('')
;}

function clearhistory(

)

利用localStorage實現表單儲存草稿功能

原理 1 input失去焦點 blur 獲取input的值 val 儲存至瀏覽器的locastorage 2 頁面在同一瀏覽器載入是，獲取瀏覽器的locastorage，將其值賦予相應的input。相容性 localstorage相容大部分符合w3c規則的瀏覽器，ie最低版本為ie 8。html f...

localStorage實現資料持久化

localstorage設定key和內容 localstorage.setitem key,json.stringify value localstorage刪除資料 localstorage.removeitem key 封裝方法 set key string,value any localsto...

本地快取localstorage

cookie，localstorage，sessionstorage都可以實現客戶端儲存，三者的區別有哪些了？cookie作為最早期的被設計web瀏覽器儲存少量資料，從底層看，它是作為http協議的一種擴充套件實現。cookie資料會自動在web瀏覽器和web伺服器之間傳輸資料。cookie有效期 ...