如何制作HTML反向链接?

创build链接到上一个网页的<a>标记最简单的方法是什么? 基本上是一个模拟的后退button,但是一个实际的超链接。 请仅使用客户端技术。

编辑
寻找能够显示您在hover时要点击的网页url的解决scheme,就像正常的静态超链接一样。 我宁愿没有用户在超链接上hover时查看history.go(-1) 。 目前为止我发现的最好的是:

 <script> document.write('<a href="' + document.referrer + '">Go Back</a>'); </script> 

document.referrer是可靠的吗? 跨浏览器安全? 我会很乐意接受更好的答案。

另一种方式:

 <a href="javascript:history.back()">Go Back</a> 

这个解决scheme的好处是显示hover时链接页面的URL,因为大多数浏览器默认是这样做的,而不是history.go(-1)或类似的:

 <script> document.write('<a href="' + document.referrer + '">Go Back</a>'); </script> 

最简单的方法是使用history.go(-1);

尝试这个:

 <a href="#" onclick="history.go(-1)">Go Back</a> 

你可以尝试JavaScript

 <A HREF="javascript:history.go(-1)"> 

请参阅JavaScript后退button

编辑

要显示参考http://www.javascriptkit.com/javatutors/crossmenu2.shtml的url

并将其中的元素a自动发送到下面

 function showtext(thetext) { if (!document.getElementById) return textcontainerobj = document.getElementById("tabledescription") browserdetect = textcontainerobj.filters ? "ie" : typeof textcontainerobj.style.MozOpacity == "string" ? "mozilla" : "" instantset(baseopacity) document.getElementById("tabledescription").innerHTML = thetext.href highlighting = setInterval("gradualfade(textcontainerobj)", 50) } 
  <a href="http://www.javascriptkit.com" onMouseover="showtext(this)" onMouseout="hidetext()">JavaScript Kit</a> 

后退链接是将浏览器向后移动一页的链接,就好像用户点击了大多数浏览器中的后退button。 反向链接使用JavaScript。 如果浏览器支持JavaScript(它支持JavaScript)并且它支持window.history对象(这是后向链接所必需的),它将浏览器移回一页。

简单的方法是

 <a href="#" onClick="history.go(-1)">Go Back</a> 

要么:

 function goBack() { window.history.back() } 
 <a href="#" onclick="goBack()" />Go Back</a> 

尝试这个

 <a href="javascript:history.go(-1)"> Go Back </a> 

这个解决scheme给你两全其美

  • 用户可以将鼠标hover在链接上查看url
  • 用户不会以损坏的后端堆栈结束

下面的代码注释中的更多细节。

 var element = document.getElementById('back-link'); // Provide a standard href to facilitate standard browser features such as // - Hover to see link // - Right click and copy link // - Right click and open in new tab element.setAttribute('href', document.referrer); // We can't let the browser use the above href for naviation. If it does, // the browser will think that it is a regular link, and place the current // page on the browser history, so that if the user clicks "back" again, // it'll actually return to this page. We need to perform a native back to // integrate properly into the browser's history behavior element.onclick = function() { history.back(); } 
 <a id="back-link">back</a> 
 <a href="#" onclick="history.back();">Back</a> 

您也可以在document.write() history.back()旁边使用history.back()来仅在实际返回时才显示链接:

 <script> if (history.length > 1) { document.write('<a href="javascript:history.back()">Go back</a>'); } </script>