localStorage的使用技巧

  • 一、關於 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>

如您在閱讀中發現不足,歡迎留言!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章