Как сделать обратную ссылку HTML?


какой самый простой способ создать <a> тег, который ссылается на предыдущую веб-страницу? В основном имитация кнопки "назад", но фактическая гиперссылка. Только на стороне клиента, пожалуйста.

Edit
Поиск решений, которые имеют преимущество отображения URL-адреса страницы, на которую вы собираетесь нажать при наведении курсора, как обычная статическая гиперссылка. Я бы предпочел, чтобы пользователь не смотрел на history.go(-1) при наведении курсора на гиперссылку. Лучшее, что я нашел до сих пор это:

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

и document.referrer надежное? Кросс-браузер безопасен? Я буду счастлив принять лучший ответ.

11 209

11 ответов:

и еще:

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

это решение имеет преимущество отображения 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 Кнопка Назад

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>

попробуй такое

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

самый простой способ связать ваш браузер на предыдущую страницу.

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

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

вы также можете использовать history.back() вместе с document.write() чтобы показать ссылку только тогда, когда на самом деле есть куда вернуться:

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