H5本地存储

H5本地存储

本地存储分两种

• localStorage

  存储的数据没有时间限制

• sessionStorage

  当关闭浏览器窗口时，数据就会消失

他们的用法一样，存储大小在5M左右

存储(setItem)

1. 存储value

localStorage.setItem('name', value)

2. 存储JSON数据

localStorage.setItem('name', JSON.stringify(value))

获取数据(getItem)

localStorage.getItem('name')

删除某一条(removeItem)

localStorage.removeItem('name')

清除所有(clear)

localStorage.clear()

本地存储和cookie的区别

• cookie默认如果不设置有效期，那么他默认随着浏览器窗口的关闭而清除；存储大小为4kb左右。用于服务器通讯，每次都会携带在http的请求头中

所以区别就出来了

1. cookie用于浏览器和服务器之间的来回传递，本地存储则不会把数据发送给服务器，仅在本地保存
2. 数据大小，cookie只能存4kb左右，本地存储则可以存储5M左右的数据
3. 数据有效期不同; localStorage一直有效除非手动清除。sessionStorage在关闭窗口之前。cookie，不设置有效期则和sessionStorage一样，设置的话，就在设置期间内都有效，即便关闭浏览器。
4. 作用域不同。sessionStorage在不同的浏览器窗口不共享，即使是同一个页面。localStorage在所有同源窗口都共享；cookie同localStorage。