如何制作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>