html5的特性客户端保存数据的方式

localStorage作为HTML5本地存储web storage特性的API之一，
主要作用是将数据保存在客户端中，而客户端一般是指上海网站设计用户的计算机。
在移动设备上，由于大部分浏览器都支持web storage特性，
因此在android和ios等智能手机上的web浏览器都能正常使用该特性。
 localStorage保存的数据，一般情况下是永久保存的，
也就是说只要采用localstorage保存信息，数据便一直存储在用户的客户端中。
即使用户关闭当前web浏览器后重新启动，数据让然存在。知道用户或程序明确制定删除，
数据的生命周期才会结束。  在安全性方面，localstorage是域内安全的，
即localstorage是基于域的。任何在该域内的所有页面，都可以访问localstorage数据。
但让然存在一个问题，就是各个浏览器厂商的浏览器之间的数据是各自独立的。
也就是说，如果在firefox中使用localstorage存储一组数据，
在chrome浏览器下是无法读取的。同样，由于localstorage数据是保存在用户的设备中的，
因此同一个应用程序在不同设备上保存的数据是不同的。

JavaScript通过HTML5本地储存传值
 由于是一个新的技术，你可以通过下面的代码检测你的浏览器是否支持

if(window.localStorage){
    alert('This browser supports localStorage');
}else{
    alert('This browser does NOT support localStorage');
}

储存变量的值

localStorage.name = $('input["name"="name"]').val();

读取变量的值

var myname = localStorage["name"];

一次性清除：
localStorage.clear()，

个别清除
localStorage.removeItem(key)

localStorage.length；    //返回本地数据的长度
获取第 n 个数据的 key 键值则调用key()方法：localStorage.key(n)

数据存储大小限制
IE 9          > 4999995 + 5 = 5000000
firefox 22.0 > 5242875 + 5 = 5242880
chrome  28.0  > 2621435 + 5 = 2621440
safari  5.1   > 2621435 + 5 = 2621440
opera   12.15 > 5M （超出则会弹出允许请求更多空间的对话框）

为了保证流畅性 ，一般只使用数据存储大小限制的一半