js之本地存储

本地存储有两种：

localStorage 表示永久性存储，除非主动删除否则一直存在本地。

sessionStorage 表示临时性存储，当页面关闭时，自动清除。

localStorage 和 sessionStorage 使用方法相同

方法	描述
localStorage.setItem(‘名称’，’数据’)	存值，如果使用相同的名字，那么会覆盖以前的值
localStorage.getItem(‘名称’)	取值
localStorage.removeItem(‘名称’)	删值，删除指定名称的存储记录
localStorage.length	获取所有本地 localStorage 的数量
localStorage.key(下标)	通过下标获取存储记录的名称
localStorage.valueOf()	获取所有的值
localStorage.clear()	清除所有的值
localStorage.hasOwnProperty(‘名称’)	判断本地存储是否有某个名称，有则返回 true

<script>
			// 存 值
			localStorage.setItem("name1", "123");
			// 取 值
			console.log(localStorage.getItem('name1')); //  123
			// 改 值
			localStorage.setItem("name1", "789");
			console.log(localStorage.getItem('name1')); //  789
			// 删 除
			localStorage.removeItem('name1');
			console.log(localStorage.getItem('name1')); //  null
		</script>

Js 中除了本地存储以外，还有一种 cookie 也可以存储数据。并且 cookie 可以设置失效时间

document.cookie = ‘数据’;	存值
document.cookie	返回所有数据以 ; 分割
document.cookie = ‘数据;expires=时间’	失效时间，若不设置时间，默认关闭浏览器时清除