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


代码:

<!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>
这个如果原本就带有 ? 就麻烦了


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值