FF2（至少）不会将链接标记为 :visited 如果它触发 onclick 处理程序而不遵循 href。我正在使用 onclick 从服务器获取数据并修改页面，链接样式在这里似乎很合适。但该链接未标记为已访问。
是否有跨浏览器的方式将链接标记为已访问？如果做不到这一点，有没有办法确定浏览器的 a:visited 样式并将其应用于链接？
感谢所有回复的人。
看起来答案是：
【问题讨论】：
标签： javascript css hyperlink
这就是我的做法。仅适用于支持 HTML5 历史 API 的 browsers。
// store the current URL
current_url = window.location.href
// use replaceState to push a new entry into the browser's history
history.replaceState({},"",desired_url)
// use replaceState again to reset the URL
history.replaceState({},"",current_url)
使用replaceState表示后退按钮不受影响。
【讨论】：
我知道的唯一解决方法如下。
说，你访问的链接是红色的：
<a href="#" onclick="someEvent();this.style.color='#ff0000'">link</a>
但这并不意味着当页面重新加载时，链接仍然被标记访问过。
为了实现这一点，我建议提供所有链接 ID，这些 ID 在您的整个应用程序中当然是唯一的，或者每个页面都有命名空间。在您的onclick 中，您将触发另一种方法，该方法将链接的 ID 保存到 cookie。
最简单的方法是用逗号分隔的列表，您可以在阅读之前split()。当页面重新加载时，你会做什么。拆分时，您遍历所有 ID 并设置链接的颜色。
例如，使用 jQuery：
// onclick
function saveID(id) {
if ($.cookie('idCookie')) {
$.cookie('idCookie', $.cookie('idCookie') + "," + id);
} else {
$.cookie('idCookie', id);
}
}
// make all links colored
function setVisted() {
var idArray = $.cookie('idCookie').split(',');
for (var x=0; x<idArray.length; x++) {
$('#' + idArray[x]).css('color', '#ff0000');
}
}
// assign saveID()
$(document).ready(function(){
$('a').click(function(){
saveId($(this).attr('id'));
});
setVisited();
});
我还没有测试过这段代码，但它应该可以帮助你入门并给你一个想法。如果你幸运的话，那就是粘贴并赢。 ;-) 我也没有研究过你可以在 cookie 中存储多少，性能影响是什么，或者有什么其他限制，也请参阅我的 cmets。
【讨论】：
应用与 :visited 具有相同定义的类。
【讨论】：
严格来说，单个链接不存在“已访问”状态。浏览器将 URL 本身解释为“已访问”。指向浏览器历史记录中某个 URL 的任何链接都将接收由 CSS 中的 :visited 伪样式定义的样式。
您可以尝试通过将隐藏 iframe 的位置设置为所需的 URL 来伪造它，但这不会强制当前页面重新绘制，所以我怀疑您会看到 :visited 样式更新 w/oa刷新。
对于你问题的第二部分，我可能会选择 Jordan Jones 的回答。
【讨论】：
有没有办法确定浏览器的 a:visited 样式？
我会说是的，因为访问了当前文档，您可以找到它的链接颜色，如下所示：-
alert(mys_getLinkColor(top.location))
function mys_getLinkColor(href) {
var x, body, res=''
x = document.createElement('a')
x.href = href
body = document.getElementsByTagName('body')[0]
body.appendChild(x)
if(x.currentStyle) {
res = x.currentStyle.color
}
else if(window.getComputedStyle) {
res = window.getComputedStyle(x,null).color
}
return mys_rgbToHexColor(res) }
function mys_rgbToHexColor(v) {
// E.g. 'rgb(5,2,11)' converts to "#05020b". All other formats returned unchanged.
var i
v = v.split('(')
if(!v[1]) return v[0]
v = v[1].replace(/ /g, '').replace(/\)/, '')
v = v.split(',')
for(i=0; i<v.length; i++) {
v[i] = Number(v[i]).toString(16)
if(v[i].length==1) v[i] = '0' + v[i]
}
return '#'+v.join('')}
【讨论】：