H5本地存储
本地存储分两种
-
localStorage
存储的数据没有时间限制
-
sessionStorage
当关闭浏览器窗口时,数据就会消失
他们的用法一样,存储大小在5M左右
存储(setItem)
- 存储value
localStorage.setItem('name', value)
- 存储JSON数据
localStorage.setItem('name', JSON.stringify(value))
获取数据(getItem)
localStorage.getItem('name')
删除某一条(removeItem)
localStorage.removeItem('name')
清除所有(clear)
localStorage.clear()
本地存储和cookie的区别
- cookie默认如果不设置有效期,那么他默认随着浏览器窗口的关闭而清除;存储大小为4kb左右。用于服务器通讯,每次都会携带在http的请求头中
所以区别就出来了
- cookie用于浏览器和服务器之间的来回传递,本地存储则不会把数据发送给服务器,仅在本地保存
- 数据大小,cookie只能存4kb左右,本地存储则可以存储5M左右的数据
- 数据有效期不同; localStorage一直有效除非手动清除。sessionStorage在关闭窗口之前。cookie,不设置有效期则和sessionStorage一样,设置的话,就在设置期间内都有效,即便关闭浏览器。
- 作用域不同。sessionStorage在不同的浏览器窗口不共享,即使是同一个页面。localStorage在所有同源窗口都共享;cookie同localStorage。