HTML本地储存

       HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过Javascript来获取这些数据。

 

本地储存可用两中方法，sessionStorage与localStorage，sessionStorage所存储数据在关闭浏览器（或标签页）后数据就不存在了。但刷新页面或使用“前进”、“后退按钮”后sessionStorage仍然存在，localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 

 

sessionStorage本地存储数据：

sessionStorage.setItem('name','AL');

 注意： 'name'为键名，值为'AL'。

 

localStorage本地存储数据：

扫描二维码关注公众号，回复： 520356 查看本文章

localStorage.setItem("name", 'AL')；

 

sessionStorage从本地取数据：

sessionStorage.getItem('name');

 

 

localStorage从本地取数据：

localStorage.getItem('name');