存储分为三种存储:永久性存储 localStorage、临时性存储 sessionStorage、可设失效性存储 cookie
永久性存储除非主动删除否则一直存在本地。
临时性存储,当页面关闭时,自动清除。
cookie 可以设置失效时间,如果不设置就会和临时性存储一样,在页面关闭时自动删除
永久性存储:localStorage
分为:存值、取值、删值、获取所有的数量、通过下标获取存储记录的名称、获取所有的值 、清除所有的值、判断本地存储是否有某个名称,有则返回 true
存值:
localStorage.setItem("name1","123");
取值:
console.log(localStorage.getItem('name1'));
删值:
localStorage.removeItem(‘名称’)
获取所有的数量:
localStorage.length
通过下标获取存储记录的名称:
localStorage.key(下标)
获取所有的值:
localStorage.valueOf()
清除所有的值:
localStorage.clear()
判断本地存储是否有某个名称,有则返回 true:
localStorage.hasOwnProperty(‘名称’)
可设失效性存储 cookie:
分为:存值,返回所有数据以 ; 分割,失效时间,若不设置时间,默认关闭浏览器时清除
存值:
document.cookie = ‘数据’;
返回所有数据以 ; 分割:
document.cookie
失效时间,若不设置时间,默认关闭浏览器时清除:
document.cookie = ‘数据;expires=时间
删除 cookie 可以通过给指定数据设置过去的时间,使其失效自动删除。
注意:时间格式必须是 UTC 或 GMT 时间。