Как сделать ссылку HTML назад?

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

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

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

ОТВЕТЫ

Ответ 1

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

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

Ответ 2

И еще один способ:

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

Ответ 3

Самый простой способ - использовать history.go(-1);

Попробуйте следующее:

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

Ответ 4

вы можете попробовать javascript

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

refer JavaScript Кнопка "Назад"

ИЗМЕНИТЬ

для отображения 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>

Ответ 5

Обратная ссылка - это ссылка, которая перемещает браузер назад на одну страницу, как если бы пользователь нажал кнопку "Назад", доступную в большинстве браузеров. Обратные ссылки используют 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>

Ответ 6

Это решение дает вам лучшее из обоих миров

  • Пользователи могут навести курсор мыши на ссылку, чтобы увидеть URL-адрес
  • Пользователи не получают поврежденный back-stack

Подробнее в комментариях к коду ниже.

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 history behavior
element.onclick = function() {
  history.back();
}
<a id="back-link">back</a>

Ответ 7

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

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

Ответ 8

попробуйте это

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

Ответ 9

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

Ответ 10

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

Ответ 11

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

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

Ответ 12

Для возврата на предыдущую страницу с помощью тега <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() не будет работать, если ссылка открыта в новой вкладке веб-браузера.