学习笔记---localStorage与cookie

一、localStorage
需要先判断浏览器是否支持localStorage属性

if (window.localStorage) {
　　console.log("浏览器支持localStorage")
} else {
　　console.log("浏览器不支持localStorage")
}

1、添加

window.localStorage.setItem("name", "value")
window.localStorage["name"] = "value"
window.localStorage.name = "value"

2、删除

window.localStorage.clear() // 删除所有
window.localStorage.removeItem("name") // 删除指定键值对

3、修改

window.localStorage.name = "changedValue"

4、读取

window.localStorage.getItem('name')
window.localStorage.name
window.localStorage["name"]
window.localStorage.key(n) // 可根据key索引查找出对应的键

5、优势
　　拓展了cookie的4K限制（可存储内容更多）
　　可节约带宽
6、劣势
　　浏览器支持：IE8.0、FireFox 3.0+、Opera 10.5+、Chrome 4.0+、Safari 4.0+、iPhobe 2.0+、Android 2.0+
　　各个浏览器的存储大小不一致
　　只能存储string类型的字符串（obj、数组不支持）
　　浏览器的隐私模式下不可读取
　　存储内容过多会导致页面卡
　　不能被爬虫抓取到
　　localStorage与sessionStorage唯一的不同就是存储时间LS（永久）SS（会话结束）

二、cookie
1、增加

document.cookie="name=value; expires=Thu, 18 Dec 2090 12:00:00 GMT; path=/"

2、删除

document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 GMT";(过期日期小余当前时间)

3、修改

document.cookie="name=value; expires=Thu, 18 Dec 2090 12:00:00 GMT; path=/" // 新增即可覆盖之前的cookie

4、查询

document.cookie