Этот код отлично работает в FF, он возвращает пользователя на предыдущую страницу, но не в Chrome:
<a href="www.mypage.com" onclick="javascript:history.go(-1)"> Link </a>
Какое исправление?
Этот код отлично работает в FF, он возвращает пользователя на предыдущую страницу, но не в Chrome:
<a href="www.mypage.com" onclick="javascript:history.go(-1)"> Link </a>
Какое исправление?
Вы должны использовать window.history
и вернуть значение false, чтобы браузер href
не просматривался браузером (поведение по умолчанию).
<a href="www.mypage.com" onclick="window.history.go(-1); return false;"> Link </a>
Используйте ниже, лучше, чем history.go(-1)
.
<a href="#" onclick="location.href = document.referrer; return false;"> Go TO Previous Page</a>
Попробуйте следующее:
<a href="www.mypage.com" onclick="history.go(-1); return false;"> Link </a>
Почему бы не избавиться от встроенного JavaScript и не сделать что-то подобное?
Встроенный JavaScript считается плохой практикой, поскольку он устарел.
Заметки
Зачем использовать addEventListener?
addEventListener - это способ регистрации прослушивателя событий, как указано в W3C DOM. Его преимущества заключаются в следующем:
Это позволяет добавить более одного обработчика для события. Это особенно полезно для библиотек DHTML или расширений Mozilla, которые должны хорошо работать, даже если используются другие библиотеки/расширения. Это дает вам более детальное управление фазой, когда слушатель активируется (захват или всплывание). Он работает с любым элементом DOM, а не только с элементами HTML.
<a id="back" href="www.mypage.com"> Link </a>
document.getElementById("back").addEventListener("click", window.history.back, false);
На jsfiddle
Попробуй этого чувака,
<button onclick="goBack()">Go Back 2 Pages</button>
<script>
function goBack() {
window.history.go(-2);
}
</script>
Это сработало для меня. Нет проблем с использованием javascript:history.go(-1)
в Google Chrome.
javascript:history.go(-1)
в поле введите URL.Используйте просто этот код строки, нет необходимости вставлять что-либо в атрибут href:
<a href="" onclick="window.history.go(-1)"> Go TO Previous Page</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()
не будет работать, если ссылка открыта в новой вкладке веб-браузера.
javascript:history.go(-1);
был использован в старше браузере .IE6. Для другой совместимости с браузером попробуйте
window.history.go(-1);
где -1 представляет количество страниц, которые вы хотите вернуться (-1, -2... и т.д.) и
return false
требуется для предотвращения события по умолчанию.
Например:
<a href="#" onclick="window.history.go(-1); return false;"> Link </a>