LocalStorage和sessionStorage的用法以及使用區別

在HTML5中,有一個localStorage特性,這個特性主要是用來作為本地存儲來使用的,解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間為4k),localStorage中一般瀏覽器支持的是5M大小,這個在不同的瀏覽器中localStorage會有所不同。

1.localstorage:

localStorage的生命週期是永久性的。即使關閉瀏覽器,數據也不會銷燬,存儲大小一般為5M,需要主動去銷燬,使用方法如下:

var storage = null;

if(window.localStorage){ //判斷瀏覽器是否支持localStorage

storage = window.localStorage;

storage.setItem("name", "Rick"); //存儲

alert(storage.getItem("name")); //獲取

storage.removeItem("name"); //刪除

storage.clear();//清除所有數據

storage.length();//查看多少條記錄

}

2.sessionStorage

sessionStorage 的生命週期是在瀏覽器關閉前。在整個瀏覽器未關閉前,其數據一直都是存在的。

var storage = window.sessionStorage;

storage.setItem('name', name);

storage.getItem("name");

storage.removeItem("name");

storage.clear();//清除所有數據

storage.length();//查看多少條記錄


分享到:


相關文章: