在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();//查看多少條記錄
閱讀更多 聖故名 的文章