localStorage、sessionStorage、Cookie的区别及用法
localStorage
html5新增的一个本地存储API,所谓localStorage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中。
localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。
我们可以通过js来操纵localStorage:
1 localStorage.setItem("name","young") //key:name value:young 2 localStorage.getItem("name") 3 localStorage.removeItem(name) 4 localStorage.clear() 清除所有 5 localStorage.length 本地存储key的个数; 6 localStorage.key(i) i 0开始
sessionStorage
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
用法和localStorage一样
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。