web储存

web储存

• cookie：缺点：大小有限（取决于浏览器），个数有限，每个cookie所储存的数据长度固定。
• session：临时性保存数据到服务器中，（临时性：浏览器关闭后，数据就会消失；服务器：将数据保存在服务器上）
• localStorage：本地储存。特点：长时间保存用户数据。
• sessionStorage：特点：针对浏览器窗口有效，如果浏览器窗口被关闭，sessionStorage中的所有的数据都会被清空。

两者共同特点：都可以将数据保存在本地浏览器。
注意：如果安全性要求较高的数据，还是要存放在服务器session中。

API：
sessionStorage：只对当前窗口（标签页）有效
方法：

• setItem(key,value)
• getItem(key)
• removeItem(key)
• clear()
• key(index)：根据index获得指定所引处的key值

属性：length：保存数据的长度（个数）

storage事件：
localStorage的storage事件
storage事件：只要有localStorage的数据更新，浏览器会自动通知其他窗口触发
注意：当前只在safari浏览器中能体现出效果，其他浏览器暂不支持。