代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>无标题文档</title>

<style type="text/css">

<!--

a:link{color:#FF0000;text-decoration:none;}

a:visited   {color: #FFFF00;  text-decoration:none;}

a:hover   {color:  #00FF00; text-decoration:underline;}

a:active   {color:  #0000FF; text-decoration:underline;}

-->

</style>

</head>

<body>

<p><a href="#">AA</a></p>

<p><a href="#">BB </a></p>

</body>

</html>

问题一:点击某一个链接后,刷新页面,其他所有从没点击过的链接都变成a:visited中定义的颜色,为什么?

怎么样达到其他没有点击的颜色仍是a:link中的颜色呢?

答:AA,BB url 地址相同,  你点AA, BB 也算是 visited 了,即链接地址href不能写一样的

问题二:在页面中只要点击过一次链接,关闭该页面,重新打开它,该链接并没有恢复成a:link中的颜色,为什么?

缓存的原因吗?如何在页面里用代码实现重新开该页面时,已点过的链接恢复成a:link中的颜色?

答:<a href="http://topic.csdn.net/u/20090409/18/5834de96-8d7d-41ba-b02a-c7f850eec38f.html" οnclick="this.href += new Date().getTime()" target="_blank">ss</a>

在href地址后,加上代码οnclick="this.href += new Date().getTime()" target="_blank"

问题三:为什么用了onclick事件后就达到这个效果了.onclick事件发生加上当前时间的链接是什么意思?

答:new Date().getTime() 
        生成一段数字根据当前时间计算出来的,绝对不会重复。

        随便找个网页测试
        http://www.sina.com.cn/?t=123
http://www.sina.com.cn/

其实是同一个地方,但是url 确实不一样。url 后面跟这样的尾巴是一件极其平凡的事情,随便给他套个尾巴 ?t=1231213231 是没有实际意义的,但是却能满足你的需求,这样可以让这个url 地址变的唯一。 visited 搜索url,不同的url 即使尾巴不同也会当作不同的链接,http://www.sina.com.cn/?t=1231312 搜索器不认得这个地址所以 visited 里设置的颜色不会生效。

onclick  事件解释起来比较麻烦
就是你点击之后生成新的 href 并 跳转到该 href

但是,如果像这样<a href="http://topic.csdn.net/u/20090409/18/5834de96-8d7d-41ba-b02a-c7f850eec38f.html" οnclick="this.href += '?t=' + new Date().getTime()" target="_blank">ss</a>
这个如果原本就带有 ? 就麻烦了

纠结了一晚上的问题---点击导航栏的一个文本链接后所有导航栏文本链接颜色都变成访问过的颜色了相关推荐

  1. 点击文字弹出一个DIV层窗口代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

  2. html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法

    本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...

  3. 点击文本框后页面变大

    原因:HTML中默认是认为16px的字体,人才能看清楚,所以,当点击文本框的时候,当前文本框会以字体16px的大小显示(即字体小于16px页面会变大). 解决原理:设置文本框的的字体为16px: 解决 ...

  4. html中searchbutton点击没有反应,点击按钮加载完整的HTML后,使用Selenium加载其他元素...

    我想刮一页并收集所有链接.该页面显示30个条目并查看完整列表,点击全部加载按钮是必要的.点击按钮加载完整的HTML后,使用Selenium加载其他元素 我使用下面的代码: from selenium ...

  5. html指定区域的背景颜色,JS实现点击颜色块切换指定区域背景颜色的方法

    本文实例讲述了JS实现点击颜色块切换指定区域背景颜色的方法..具体实现方法如下: 代码如下: JS实现点击颜色块切换指定区域的背景颜色 适时切换网页指定区域背景颜色 请选择背景: function g ...

  6. jq实现点击一个按钮,触发另一个点击事件(点击按钮触发另一个按钮的点击事件)

    jq实现点击一个按钮,触发另一个点击事件 $("#a").click(function(){$("#b").trigger('click');}) 实现点击完i ...

  7. 删除AppData后出现任务栏图标点击没反应的解决方法

    删除AppDate后出现任务栏图标点击没反应的解决方法 本人因为C盘满了,一时手贱把c盘里面用户文件的AppData删除了,结果出现有些软件打不开,任务栏点击没反应.游览器插件丢失.软件的环境变量消失 ...

  8. vue移动端项目日历组件,月周切换,点击进入上/下一个月

    项目场景: Vue移动端项目的日历组件,移动端如果没有别的特别要求,一般用vant中的日历组件就OK,这里用的另一个.组件是网上找的,原网址:vue-hash-calendar,需要的请自行去看. 我 ...

  9. html点击一个文字显示提示框,点击文字弹出一个DIV层窗口代码

    点击文字弹出一个DIV层窗口代码 .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; ...

最新文章

  1. 数据挖掘的十种分析方法
  2. jdk8 字符串_在JDK 8中连接字符串
  3. C#中showDialog()与show()的区别(转)
  4. 【PAT - 甲级1009】Product of Polynomials (25分)(模拟,细节)
  5. java分割两个时间段不在同月份
  6. matlab闭环直流调速系统实验,实验三双闭环直流调速系统MATLAB仿真.doc
  7. MYSQL数据库SQL语句练习实验 EXERCISES. 1 SIMPLE COMMANDS
  8. Excel十字象限图
  9. ipv6单播地址包括哪两种类型_IPV6详细讲解
  10. Java相关脚本-排查最消耗CPU的线程\Jar冲突
  11. 2015陈奕迅another eason‘s life演唱会歌单
  12. EndNote自动生成毕业论文GB7714引文格式教程
  13. SAP方丈 SAP常见问题与解决办法 转
  14. 大数据是不是互联网思维?
  15. 北京东方国信科技有限公司
  16. canvas+js实现简单的双人坦克对战小游戏
  17. Nova Tek Hdmiout 小板调试总结
  18. Flink之Source
  19. 数据挖掘mooc国防科技大学笔记(自留)
  20. 排查 计算机英语,请问电脑出现英文提示是什么意思,应该怎么解决?

热门文章

  1. linux自定义显示带颜色的字
  2. 简简单单手机位置定位
  3. Unity动画系统详解6:如何做好角色的移动动画?(Root Motion详解)
  4. 如何开启windows10系统自带的勒索病毒防护
  5. 微信小程序控制硬件第17篇 : 腾讯连连小程序通过LLSync蓝牙协议控制安信可PB-02模组,无需网络实现蓝牙本地通讯。(附带源码)
  6. Andorid 相机预览数据编码后出现重影马赛克 颜色不匹配的问题
  7. 实例82 复数的加减乘法
  8. Docker 之 Docker 镜像
  9. linux的gets函数,linux中gets()函数和fgets()函数
  10. 百度云盘怎么在计算机中不显示错误,百度云管家在电脑上打不开了怎么解决