How to make an HTML back link?
And another way:
<a href="javascript:history.back()">Go Back</a>
This solution has the benefit of showing the URL of the linked-to page on hover, as most browsers do by default, instead of history.go(-1)
or similar:
<script> document.write('<a href="' + document.referrer + '">Go Back</a>');</script>
This solution gives you the best of both worlds
- Users get to hover over the link to see the URL
- Users don't end up with a corrupted back-stack
More details in the code comments below.
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 tabelement.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 behaviorelement.onclick = function() { history.back(); return false;}
<a id="back-link">back</a>