Question

点击a标签后刷新本页面，怎么用js把点击的这个值改变颜色

点击a标签后刷新本页面，怎么用js把点击的这个值改变颜色，是刷新了页面，请问有什么方法么？

<tr>
<td width="9%"><strong style="color:#333;"> 区域：</strong><span>全部</span></td>
<td width="6%"><a href="<?= base_url('house')?>?area=黄浦区" onclick="add_color()">黄浦区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=静安区">静安区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=徐汇区">徐汇区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=长宁区">长宁区</a></td>
<td width="7%"><a href="<?= base_url('house')?>?area=浦东新区">浦东新区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=虹口区">虹口区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=杨浦区">杨浦区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=普陀区">普陀区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=闸北区">闸北区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=闵行区">闵行区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=宝山区">宝山区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=嘉定区">嘉定区</a></td>
<td width="6%"><a href="<?= base_url('house')?>?area=青浦区">青浦区</a></td>
<td width="12%"><a href="<?= base_url('house')?>?area=奉贤区">奉贤区</a></td>
</tr>

Answer 1

可以通过cookie，或者localStorage，更常用的解决方案是给url添加锚点，类似这样base_url('house').ID，每个a标签对应一个ID，然后通过window.location.hash获得锚点，再找到a标签并设置样式。

追问

求大神给个例子看看啊，没用过，最好是用cookie的

追答

可以使用jquery.cookie.js插件，非常简单，保存的值刷新还能取到。

Answer 2

用CSS就是了~A标签的伪类
a:visited就可以了~这样当你点击之后就变颜色了~

追问

刷新了页面，不行

追答

不行吗？浏览器应该有记录的啊~点击过的都会有的~

追问

嗯 试过a:hover a:visited 不行

追答

等一下~你这个是map？不是单纯的文字？那肯定不行~map好像不能变色的~