Javascript "Go Back"链接，如果有则显示 url

Question

我想在我的网站内页中放置一个“返回”链接。 我可以简单地使用的代码是:

<script>document.write('<a href="#" onClick="history.go(-1); return:false;"></a>')</script>

但是当有人将鼠标悬停在它上面时，它不会显示上一页的 url，而且如果没有上一页(比如当您在新选项卡中打开链接时)，它也不会工作。所以我需要一个代码，它只在有上一页时出现并且还显示 url。如果有人知道一个好方法，我将不胜感激..

Answer 1

document.referrer 是我的建议。

创建一个隐藏的 div 并在该 div 中放置链接。

<div id="NavBack">//hide it
    <a>link here</a>
</div>

在文档加载时，检查是否存在“上一个 URL”之类的内容。如果确实如此，则显示#NavBack，其中包含可以向后导航或仅将其隐藏的链接。引用this

我已经用代码补丁更新了答案来给你提示。

<div id="NavBack" style="display:none;">
    <a id='test'>link here</a>
</div>
<script type="text/javascript">
if(document.referrer!=''){
    var a = document.getElementById("test");
    a.href=document.referrer;
    document.getElementById("NavBack").style.display='block';
}
</script>

我已经使用了上面的代码并且它运行良好。不过，让我明确表示这不是标准方式，这只是为了让您了解我想告诉您的想法。请使用 jquery 而不是 javascript，并且不要在您的项目中提供内联 CSS。