当前位置: > 极品版本 > 文章内容


在开发和安装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的所有信息,而session storage很好的解决了这个问题,它不是采取自动发送的方式,这样就减少了不必要的工作。
2、chrome浏览器处于安全性考虑,不支持本地存储cookie,而需要利用online-cookie扩展功能。所以大家在开发时注意此问题!

相关文章