1. 程式人生 > >Web之localStorage

Web之localStorage

storage set 存儲 ges 刪除 local 技術 htm ons

localStorage:

  1、localStorage拓展了cookie的4K限制

  2、localStorage會可以將第一次請求的數據直接存儲到本地,這個相當於一個5M大小的針對於前端頁面的數據庫,相比於cookie可以節約帶寬,但是這個卻是只有在高版本的瀏覽器中才支持的

1.判斷瀏覽器是否支持localStorage;
if(!window.localStorage)
{ alert("瀏覽器支持localstorage"); return false; }else{ //主邏輯業務 }

2.寫入(存)

var storage=window.localStorage;
            //寫入a字段
            storage["a"]=1;
            //寫入b字段
            storage.a=1;
            //寫入c字段
            storage.setItem("c",3);

技術分享

3.輸出(取)
       //第一種方法讀取
            var a=storage.a;
            console.log(a);
            //第二種方法讀取
            var b=storage["b"];
            console.log(b);
            //第三種方法讀取
            var c=storage.getItem("c");

4.localStorage的刪除

    1.localStorage的所有內容清除:storage.clear();

     2.清除對應的localStorage:storage.removeItem("a");

        

詳細請看: localStorage使用總結

Web之localStorage