Как сделать обратную ссылку HTML?
какой самый простой способ создать <a>
тег, который ссылается на предыдущую веб-страницу? В основном имитация кнопки "назад", но фактическая гиперссылка. Только на стороне клиента, пожалуйста.
Edit
Поиск решений, которые имеют преимущество отображения URL-адреса страницы, на которую вы собираетесь нажать при наведении курсора, как обычная статическая гиперссылка. Я бы предпочел, чтобы пользователь не смотрел на history.go(-1)
при наведении курсора на гиперссылку. Лучшее, что я нашел до сих пор это:
<script>
document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>
и document.referrer
надежное? Кросс-браузер безопасен? Я буду счастлив принять лучший ответ.
11 ответов:
это решение имеет преимущество отображения 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)">
EDIT
для отображения url ссылки http://www.javascriptkit.com/javatutors/crossmenu2.shtml
и отправить сам элемент a в onmouseover, как следовать
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>
Регистрация jsfiddle
обратная ссылка-это ссылка, которая перемещает браузер на одну страницу назад, как если бы пользователь нажал кнопку Назад, доступную в большинстве браузеров. Обратные ссылки с помощью 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>
вообще говоря задняя ссылка кнопка "Назад" обычно достаточно хорошо, и обычно вы также можете просто ссылаться на предыдущую страницу на своем сайте. Однако иногда вы можете захотеть предоставить ссылку на одну из нескольких "предыдущих" страниц, и именно там пригодится обратная ссылка. Поэтому я отсылаю вас ниже учебник, если вы хотите сделать более продвинутым способом:
http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html
это решение дает вам лучшее из обоих миров
- пользователи получают, чтобы навести указатель мыши на ссылку, чтобы увидеть 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(); }
<a id="back-link">back</a>