一、HTML5本地存储机制是怎样的？
HTML5 是下一代 HTML 标准，开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上，在需要时获取。这点和 cookie 相似，区别是 DOM Storage 提供了更大容量的存储空间。
目前，在客户端保存数据使用最多的是 cookie，但 cookie 的大小上限为 4KB，并且每次请求一个新页面时 cookie 都会被发送过去。更多的存储空间需要浏览器本身或是插件的支持，例如只在 Internet Explorer 上使用的 userData，需要额外安装插件的 Google Gears 和 Flash。现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。
HTML5 的建议是每个网站提供给 Storage 的空间是 5MB，一般来说足够存字符串。如果存入的数据太大，有些浏览器如 Chrome 会抛出 QUOTA_EXCEEDED_ERR 异常。所以虽然 DOM Storage 提供的空间比 cookie 要大很多，但在使用需要注意限制。
安全性
一般不要在客户端存储敏感的信息，使用 localStorage、globalStorage 等在客户端存储的信息都非常容易暴露。应该在完成数据存储后使用 clear 或者 removeItem 方法清除保存在 Storage 对象中的数据。
存储事件驱动
如果想在存储成功或修改存储的值时执行一些操作，可以用 DOM Storage 接口提供的事件。
二、HTML5中的localStorage什么时候会被清空
h5本地存储localStorage，sessionStorage。
localStorage是没有失效时间的，sessionStorage的声明周期是浏览器的生命周期。
当浏览器关闭时，sessionStorage的数据将清空，而localStorage数据只要不通过代码特意的删除或手动删除，是永久保存的。
删除方法：localStorage.clear();
下边是我写的一个小测试，里边有用到localStorage
三、h5本地存储需要在服务器环境下打开吗
1、本地存储WebStorage (localstorage & sessionstorage)
浏览器支持情况
（1）生命周期
localstorage永久存储除非显示移除或清空，sessionstorage在页面会话期有效关闭页面会被清除（刷新页面不会清除）；
（2）API（ls和ss相同）
length //storage内键值对数量 只读
setItem //添加键值对 key value
getItem //根据key获取键值对
key //键名 可以根据index属性获取键名
四、html5怎样将当前时间存储到localstorage中的btime中
//本次登陆时间保存到loaclStage
if(document.getElementById(isAutoLoginId).checked)
{
//存储到loaclStage
storage[logtime] = date;
}
存在Web Storage中了，html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
|
