javascript - 如何访问访问过的链接历史记录

Question

我已经尝试使用 CSS :visited 属性获取访问过的链接，但它不起作用。

是否有任何方法或解决方法可以使用 JavaScript、jQuery 或通过任何其他技术获取已访问的链接？

Answer 1

您可以使用 localStorage 创建自己的链接历史记录，并存储点击了哪些链接，以及点击了链接的次数。

Stack Snippet 中的这段代码可能无法在下面运行，但您可以将代码粘贴到您的文件或 JSFiddle 中，它会正常运行。链接历史将保存在 localStorage 中，每次点击 anchor 它相应的计数都会增加。

$('a').on("click",function(){
var anchorhistory=localStorage.getItem($(this).attr("id"));
if(anchorhistory){
anchorhistory=parseInt(anchorhistory)+1;
localStorage.setItem($(this).attr("id"), anchorhistory);
alert($(this).attr("id")+" is clicked "+anchorhistory+" Times");
}
else{
anchorhistory=1;
localStorage.setItem($(this).attr("id"), anchorhistory);
alert($(this).attr("id")+" is clicked "+anchorhistory+" Times");

}
})

ul a{
  cursor:pointer;
  color:blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a id='anchor1'>anchor1</a></li>
<li><a id='anchor2'>anchor2</a></li>
<li><a id='anchor3'>anchor3</a></li>
<li><a id='anchor4'>anchor4</a></li>
</ul>