瀏覽器的 local storage

 

瀏覽器  

1. local storage      本地存儲
2. session storage    會話存儲
3. cookies                  本地存儲
4. 1.     local storage

local Storage 是解決cookies存儲空間不足問題.

cookle中每條cookie的存儲空間爲4K.

local storage 的存儲空間通常爲5M.這個根據瀏覽器變化.

local storage 的值類型限定爲string類型.若是存儲內容多的話會致使頁面變卡.

local storage 屬於永久性存儲.

1. 2.     local storage 的使用

1° 判斷瀏覽器是否支持

if(！window.localStorage){

            alert("瀏覽器支持localstorage");

            return false;

        }else{

            //主邏輯業務

        }

2° local storage 的寫入

if(！window.localStorage){

            alert("瀏覽器支持localstorage");

            return false;

        }else{

            var storage=window.localStorage;

            //寫入a字段

            storage["a"]=1;

            //寫入b字段

            storage.a=1;

            //寫入c字段

            storage.setItem("c",3);

            console.log(typeof storage["a"]);

            console.log(typeof storage["b"]);

            console.log(typeof storage["c"]);

        }

 

 

 

 

 

 

 

 

 

3° local storage 的讀取

if(!window.localStorage){

            alert("瀏覽器支持localstorage");

        }else{

            var storage=window.localStorage;

            //寫入a字段

            storage["a"]=1;

            //寫入b字段

            storage.a=1;

            //寫入c字段

            storage.setItem("c",3);

            console.log(typeof storage["a"]);

            console.log(typeof storage["b"]);

            console.log(typeof storage["c"]);

            //第一種方法讀取

            var a=storage.a;

            console.log(a);

            //第二種方法讀取

            var b=storage["b"];

            console.log(b);

            //第三種方法讀取

            var c=storage.getItem("c");

            console.log(c);

        }

4° local storage的刪除

1>清除全部

var storage=window.localStorage;

            storage.a=1;

            storage.setItem("c",3);

            console.log(storage);

            storage.clear();

            console.log(storage);

2>刪除某個鍵

var storage=window.localStorage;

            storage.a=1;

            storage.setItem("c",3);

            console.log(storage);

            storage.removeItem("a");

            console.log(storage.a);

 

 

 

 

 

 

5° local storage 的鍵獲取

var storage=window.localStorage;

            storage.a=1;

            storage.setItem("c",3);

            for(var i=0;i<storage.length;i++){

                var key=storage.key(i);

                console.log(key);

            }