javascript结合Cookies实现浏览记录历史

最近在工作当中遇到一个问题 有个页面需要添加一个浏览历史记录功能,具体来说就是要记录下用户在此网站的点击历史 并把它们降序排列出来(只显示前6个浏览历史而且不能重复)。

由于以前对javascript了解不够深入,一时间手足无措。

后来经过两位高手同事的指点(对这两位同事的敬仰犹如滔滔江水连绵不绝...),恍然大悟,豁然开朗

成功地完成了此功能的添加。

首先来介绍一下javascript中关于此功能的一些对象和方法:

1. window.event对象:

event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。

event对象只在事件发生的过程中才有效。

2. event.srcElement:

表示该事件的发生源 通俗一点说也就是该事件被触发的地方

3. srcElement.parentNode:

表示该事件发生源的父结点

4. srcElement.tagName:

表示事件发生源的标签名

5. toUpperCase():

大写化相应字符串的方法

基本上就是这些属性和方法,可能对于刚刚接触javascript的朋友们或者以前很少使用此类功能的朋友来说,这些对象有些陌生,不过没关系,了解以后发现其实并不难,和javascript验证表单之类的并没有太多的不同。

下面就结合程序给大家一步一步讲解(程序难免有不合理之处,希望大家多多指正,共同进步):

时间: 2024-11-08 17:22:35

javascript结合Cookies实现浏览记录历史的相关文章

javascript结合Cookies实现浏览记录历史第1/3页_javascript技巧

由于以前对javascript了解不够深入,一时间手足无措. 后来经过两位高手同事的指点(对这两位同事的敬仰犹如滔滔江水连绵不绝...),恍然大悟,豁然开朗 成功地完成了此功能的添加. 首先来介绍一下javascript中关于此功能的一些对象和方法: 1. window.event对象: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. 2. event.srcElement: 表示该事件的发生源 通俗一点说也就

JavaScript中文章历史浏览记录方法

实现原理 这个功能实现非常简单, 平白一点来说就是找个地方将页面一些信息保存起来, 如果页面两次被访问, 新的内容覆盖掉旧的内容; 在页面加载的时候, 将保存的信息取出显示. 实现方法也很多, 最土的是将内容保存在 cookie 中, 但用 cookie 储存数据存在一些问题. 比如: cookie 是随 HTTP 响应一起被发送的, 会对服务器端响应时间产生一定程度的影响, 尤其是在使用 XMLHttpRequest 对象向服务器端发送或请求数据的时候. 利用 cookie 虽然比较土, 但最

世界之窗浏览器如何设置清理历史浏览记录?

  世界之窗浏览器如何设置清理历史浏览记录?许多网友都保持了定期清理浏览器的历史浏览记录的习惯,这一操作可以让浏览器的操作更流畅,同时,也可以防止自己的浏览隐私被被人看到,所以,小编建议:每一位网友都应该保持这样的使用习惯!那么,世界之窗浏览器如何设置清理历史浏览记录?一起来看看今天的教程! 世界之窗浏览器 世界之窗浏览器清理历史浏览记录的方法: 打开世界之窗浏览器,点右上角的图标,如首图; 很快弹出一个菜单,选择"历史记录"; 世界之窗浏览器 出现一列历史浏览记录,如果只是清除某些记

如何清理WIN8系统IE历史浏览记录

很多用户在Win8系统上使用IE浏览器上网,当访问一些个人信息较多的网站时,没有及时清理浏览记录容易被他人获取个人信息,尤其在公共电脑上.那么Win8系统下如何清理IE浏览记录呢? 步骤 1.点击IE设置按钮. 2.选择安全,删除浏览历史记录. 3.选择需要删除的项目,点击删除. 4.完成.   当然我们也可以使用CCleaner等第三方工具来清理,能清理的项目更全面.

为什么清除IE浏览记录但地址栏仍弹出历史项?

故障现象: 清除了IE的浏览记录,但是在浏览器的地址栏中输入网址时,依然出现之前登陆过的网站地址. 原因分析: Internet Explorer 8 采用 Windows Search 对已经访问过的内容进行索引,当您向地址栏输入地址时,IE 8会自动从索引中搜索.提取信息(Windows XP 需另外下载安装 Windows Search 才能实现此功能).这本是IE 8的便利之处.~~     解决方案:     如果不需要,我们可以禁用 Internet Explorer 和 Windo

mac版safari浏览记录怎么删除?

  mac版safari浏览记录怎么删除?         有时候我们在使用浏览器浏览网页后不想留下痕迹该怎么办呢?其实很简单,可以在浏览器上设置删除.下面mac版safari浏览记录删除教程,一起来看看吧! mac版safari浏览记录怎么删除? 1.以小时为周期删除浏览痕迹 2.删除当天的浏览痕迹 3.删除当天和昨天的浏览痕迹 4.删除所有浏览记录和相关数据 1.在Safari的menubar里选择"Clear History and Website Data" 2.在Clear

Mac版Safari浏览器浏览记录清理方法

  Safari浏览痕迹清除功能: 1.以小时为周期删除浏览痕迹 2.删除当天的浏览痕迹 3.删除当天和昨天的浏览痕迹 4.删除所有浏览记录和相关数据 1.在Safari的menubar里选择"Clear History and Website Data" 2.在Clear menu的菜单中选中一个你觉得靠谱的操作 the last hour today today and yesterday all history 3.点击"Clear History"Safar

判断浏览器是否支持JavaScript和Cookies

cookie|cookies|javascript|浏览器 判断访问者的浏览器是否支持JavaScript和Cookies 许多网站需要客户端做许多复杂的工作,比如:用客户端 JavaScript 进行数据合法性校验,这需要客户浏览器的JavaScript enabled;使用 Session 变量记录身份等信息,需要浏览器 Cookies enabled.因此,有必要确定用户浏览器中的这些选项被打开.在我的网站中,我使用了一串简洁的代码实现这些功能,在用户登录时进行检查,如果不符合就不让登录.

JavaScript中Cookies的相关使用教程

  这篇文章主要介绍了JavaScript中Cookies的相关使用教程,包括Cookies的存储和删除等操作方法,需要的朋友可以参考下 Cookies是什么 ? Web浏览器和服务器使用HTTP协议进行通信,并且HTTP是一种无状态协议.但对于一个商业网站它需要保持不同的页面间的会话信息.例如在完成多页后,一个用户注册结束.但是,如何保持所有网页用户的会话信息. 在许多情况下,使用Cookie来记忆和跟踪的喜好,采购,佣金,并要求更好的访问体验或网站的统计数据等信息的最有效的方法. 它是如何工