利用HTML5的本地存储实现图书馆网站的个性化

点赞:7246 浏览:23999 近期更新时间:2024-03-03 作者:网友分享原创网站原创

摘 要:本文主要介绍实现图书馆网站个性化的一套方案,即利用HTML5的本地存储[1](LocalStorage)特性.同时,对于那些不支持本地存储的浏览器(如IE6),本文也进行了一些探讨,并给出能够实现类似于本地存储功能的替代方案.

关 键 词 :HTML5 本地存储 LocalStorage 个性化 书签

中图分类号:G71 文献标识码:A 文章编号:1672-3791(2013)04(b)-0253-01

所谓的网站个性化,是指网站能够记住不同用户的信息(如浏览记录或最近一次登录时间及地点等)或者用户能够根据自身喜好写作网站(如决定网站首页显示哪些内容等).一些购物网站,如卓越亚马逊网,能够记住用户的图书浏览历史,提醒用户可能感兴趣的图书有哪些.

要实现网站的个性化,关键是如何存储用户的个性化信息.幸运的是,我们现在可以使用HTML5的本地存储来将信息以键值对的形式保存在本地计算机中.这样,当用户再次访问网站时,浏览器会在需要时将信息从用户本地计算机中取出来供前端程序使用.

可以看到,在存储数据及获取数据的过程中,都是在前端进行,并且无论用户离开站点或关闭浏览器,存储的数据都不会消失.

不过,要使用HTML5的本地存储,需要有支持该特性的浏览器.目前,大多数浏览器的最新版本都支持本地存储.对于那些不支持本地存储的浏览器(如IE6)而言,可以使用其它本地存储技术(如Cookie或IE专有的UserData[2])进行替换.

利用HTML5的本地存储实现图书馆网站的个性化参考属性评定
有关论文范文主题研究: 参考文献类论文范文 大学生适用: 电大毕业论文、硕士学位论文
相关参考文献下载数量: 38 写作解决问题: 学术论文怎么写
毕业论文开题报告: 论文提纲、论文摘要 职称论文适用: 核心期刊、中级职称
所属大学生专业类别: 学术论文怎么写 论文题目推荐度: 免费选题

1.检查浏览器兼容性

4.清空数据

书签并不是永久存在的,当用户觉得不再需要书签时,他们会删除某些书签或清空书签夹.如果要删除某一书签,可以使用localStorage.removeItem(key);形式的代码.如果要清空书签夹,可以使用localStorage.clear();形式的代码.

删除书签或清空书签是必要的,因为浏览器的本地存储空间是有限的.定期清理浏览器的本地存储空间可以使得其它程序合理的利用存储空间.


值得一提的是,HTML5的本地存储并不像Cookie那样可以设置自动定期清理,这意味着除非手动清理浏览器,否则数据将永远存储在用户的计算机中.鉴于这一点,在编写HTML5本地存储应用时,一定要记得提供删除或清空存储数据的功能.

5.参考文献

[1] Peter Lubbers,Brian Albers,Frank Salim,著.HTML5高级程序设计[M].李杰,柳靖,刘淼,译.北京:人民邮电出版社,2011,1(175).

[2] Mark Pilgrim,著.HTML5揭秘[M].常可,胡金埔,赵静,译.北京:电子工业出版社,2010,12(128).