localStorage用於本地儲存

2021-06-07 04:07:12 字數 1139 閱讀 5429

localstorage物件是html5的客戶端儲存持久化資料的方案。為了能訪問到同乙個localstorage物件,頁面必須來自同乙個網域名稱(子網域名稱無效),使用同一種協議,在同乙個埠上。

localstorage是storage型別的例項。有以下的幾種方法:

①clear():刪除所有值。

②getitem(name):根據指定的名字name獲取對應的值

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

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

⑤setitem(name,value):為指定名字設定乙個對應的值

localstorage物件可以通過點號呼叫這些方法。

例:使用方法來儲存資料

localstorage.setitem("name","songyuhua");//這樣就用localstorage儲存了乙個名字為name的資料,資料的內容為 「songyuhua"

使用方法來讀取資料

localstorage.getitem("name");//這樣就讀取了名字為「name」的資料的值。

這個頁面的主要功能是:記錄一些你需要完成的事情,如果已經完成了,則選中,如果沒有完成則不選中。使用localstorage可以使你在再次載入頁面的時候依然保持你當時的情況。

儲存資料的過程:

function storage()//localstorage用於客戶端儲存

{//將ul的鍵值對儲存在localstorage中

localstorage.clear();//清除以前儲存在localstorage中的內容

var storagearr=;//建立乙個陣列,用於儲存物件

for(var i=0;i

window.οnlοad=function()

{ var storagearr=json.parse(localstorage.getitem("ulstroage"));//將資料讀出,放在乙個陣列中

var localtoggle=localstorage.getitem("toggleall");//將全選框的值讀出

if(storagearr.length>0){

toggleall.checked=localtoggle;

for(var i=0;i

html5中的localStorage本地快取

早期的web中使用cookies在客戶端儲存諸如使用者名稱等簡單的資訊,但是,在使用cookies儲存永久資料存在以下問題。1.cookies的大小限制在4kb,不適合大量的資料儲存。2.瀏覽器還限制站點可以在使用者計算機上儲存的cookies的數量。3 cookies是隨http事務一起被傳送的,...

H5本地儲存LocalStorage的屬性與方法

屬性方法 說明localstorage.length 獲得storage中的個數 localstorage.key n 獲得storage中第n個元素對的鍵值 第乙個元素是0 localstorage.key 獲取鍵值key對應的值 localstorage.getitem key 獲取鍵值key對...

本地快取localstorage

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