HTML5缓存cookie实现本地存储
网站技术 网站经验
在开发和安装HTML5的手机版网页程序时，会需要使用到缓存技术来加快下一次加载页面的访问速度！那么如何使用cookie来实现本地化存储功能呢？首先先来普及一下cookie的基础知识。cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。不同的浏览器可能对cookie的储存方式不同，但是相同的cookie中的内容都是保存在客户一端的。下面以在本地存储账号和密码的功能作为示例
具体实现方法与步骤
1、采用存储数据的方法直接window.localStorage添加一个属性。例如：window.localStorage.a 或者 window.localStorage["a"]。它的读取、写、删除操作方法很简单
2、存储密码和账号功能，如下图代码区域
上图密码为演示所用，存储后的功能相当于用户下次登录自动记住了账号和密码
3、如何修改cookie
document.cookie虽然是一个字符串，但是当你对它的内容进行修改的时候，浏览器先进行解析和查询，而不是直接的覆盖和修改。如果你要修改的cookie已经存在，那浏览器就对已存在的那个cookie进行修改，否则，浏览器会按照你的cookie名和cookie值新建一个cookie。
备注：
1、cookie有一定的存储限制，这也是它的不足。不过对于密码和账号之类的信息而言也就足够了。同时cookie有一个机制，就是在每次客户端请求服务器的时候都会将cookie发送给服务器，这无疑会做很多不必要的操作，因为并不是每次请求服务器都需要cookie的所有信息，而eion torage很好的解决了这个问题，它不是采取自动发送的方式，这样就减少了不必要的工作。
2、chrome浏览器处于安全性考虑，不支持本地存储cookie，而需要利用online-cookie扩展功能。所以大家在开发时注意此问题！
上一篇： 纯HTML网站轻量级在线编辑工具
