如何使一个HTML回链接?

你可以试试javascript

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

refer JavaScript 后退按钮< / > < / p >

编辑

显示引用http://www.javascriptkit.com/javatutors/crossmenu2.shtml的url

在onmouseover中发送元素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>

check jsfiddle

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

试试这个:

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

试试这个

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

后退链接是将浏览器向后移动一页的链接，就像用户单击了大多数浏览器中可用的后退按钮一样。反向链接使用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>

Generally speaking a back link isn't necessary… the Back button usually suffices quite nicely, and usually you can also simply link to the previous page in your site. However, sometimes you might want to provide a link back to one of several "previous" pages, and that's where a back link comes in handy. So I refer you below tutorial if you want to do in more advanced way:

http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html

另一种方式:

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

这个解决方案的好处是在悬停时显示链接到页面的URL，就像大多数浏览器默认做的那样，而不是history.go(-1)或类似的:

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

你也可以在document.write()旁边使用history.back()来显示链接，只有当确实有返回的地方时:

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

<a href="#" onclick="history.back();">Back</a>

这个解决方案为您提供了两全其美的解决方案

• 用户可以将鼠标悬停在链接上查看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 navigation. 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();
return false;
}

<a id="back-link">back</a>

使用锚标记<a>返回上一页，下面是2个工作方法，其中1一个是快，并有一个很大的优势返回上一页。

两种方法我都试过了。

1）

<a href="#" onclick="location.href = document.referrer; return false;">Go Back</a>

如果你在当前的浏览器窗口中点击了一个链接和在新选项卡中打开链接，上面的方法(1)工作得很好。

2）

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

上面的方法(2)只有当你在当前浏览器窗口中单击链接和在当前选项卡打开链接时才有效。

如果你在新标签中打开链接，它将不起作用。这里history.back()将不工作，如果链接在web浏览器的新选项卡打开。

使用按钮的最佳方式是

<input type= 'button' onclick='javascript:history.back();return false;' value='Back'>

history.go(-1)不工作，如果你点击周围的第二个域或如果referrer是空的。

所以我们必须在到达这个定义域时存储historyCount然后返回这一侧的导航次数减去1。

// if referrer is different from this site
if (!document.referrer.includes(window.location.host)) {
// store current history length
localStorage.setItem('historyLength', `${history.length}`);
}


// Return to stored referrer on logo click
document.querySelector('header .logo').addEventListener('click',
() =>
history.go(Number(localStorage.getItem('historyLength')) - history.length -1)
);

我用了一扇窗户。历史记录，并返回一个false，以便href不被浏览器导航(默认行为)。

<a href="www.web.com" onclick="window.history.go(-1); return false;"> Link </a>