使用HTML5本地储存localStorage

数据储存

项目中有个需求，在textarea中输入邮箱，多个邮箱之间用分号；分隔，为了用户方便，需要将用户输入过的邮箱储存起来，下次使用的时候直接点击选择就可以自动写入相应的邮箱。对于<input type="text"/>来说 浏览器会自动储存已经写过的内容，但是textarea却不行，这里就需要我们自己来写。

储存方式的选择：

本来想使用Cookies，但是发现HTML5有更好的本地储存方式：localStorage

与Cookies相比，localStorage优点是容量大：Cookies最多能储存大约4kb的数据，但是localStroage支持5MB的容量，大了不止一点点。第二，localStorage没有过期时间，即使一年以后仍然可以使用；而Cookies有。另外，Cookies的内容会随着页面请求一同发往服务器，速度慢效率低。缺点在于localStorage的兼容性不如Cookies，但是也支持IE8+以及其他主流浏览器，对于我们的项目来说是足够的，所以最终选择它来实现功能。

最后提醒一点：不论是Cookies还是localStorage，安全性都不怎么样，不建议用它储存敏感信息。

localStorage的使用方式：

提示：localStorage储存的值都是字符串类型，使用时要注意。另外，可以在浏览器调试器中的Resources的localStorage中看到储存的信息。

W3School中有清晰的介绍，localStorage本身的使用也很简单方便，使用方式如下：

//存储信息   （存