- 一、關於 localStorage
1、
localStorage是HTML5中新加入的特性,主要作爲本地存儲來使用,解決了cookie存儲空間不足的問題,大約有5M左右,cookie只有4K
2、 localStorage是針對於前端頁面的數據庫,相比於cookie可以節約帶寬, 高版本的瀏覽器中才支持的 3、
目前所有的瀏覽器中都會把localStorage的值類型限定爲string類型 4、
localStorage在瀏覽器的隱私模式下面是不可讀取的 5、 localStorage不能被爬蟲抓取到 6、
localStorage本質上是對字符串的讀取,存儲內容過多會消耗內存空間,導致頁面卡頓 7、 localStorage屬於永久性存儲
- 二、使用 localStorage
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>localStorage學習</title>
</head>
<body>
<script>
if(!window.localStorage) {
alert("瀏覽器不支持localstorage");
} else {
var ls = window.localStorage;
// 增
ls.setItem('a', 1);
// 刪
// 1、全部清除
ls.clear();
// 2、單個key清除
ls.removeItem('a');
// 改
ls.a = 2;
// 查
var a = ls.getItem('a');
// 輸出
console.log(a);
// key獲取
for(var i = 0, len = ls.length; i < len; i++) {
var key = ls.key(i);
console.log(key);
}
}
</script>
</body>
</html>
如您在閱讀中發現不足,歡迎留言!!!