Как вернуться на предыдущую страницу (JavaScript)

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Как вернуться на предыдущую страницу (JavaScript)

Сообщение Slash » Пт окт 21, 2016 11:57 am

Здравствуйте.
Небольшая заметка о том, как сделать кнопку вернуться назад на JavaScript. Перехожу сразу к примеру кода. Допустим, кнопка будет выглядеть так:

Код: Выделить всё

<button id="back">Вернуться назад</button

Кроме <button> можно использовать любой другой элемент, например, ссылку или просто картинку, тут главное присутствие идентификатора: id="back".
Теперь сам сценарий (код прокомментировал):

Код: Выделить всё

<script type="text/javascript">
function return_back() {   // Функция "return_back" - возвращает на предыдущею страницу
    window.history.back(); // Метод возврата на предыдущею страницу
};

var back = document.getElementById('back');      // Получаем элемент с ID "back"
    back.addEventListener('click', return_back); // Запускаем функцию "return_back" при клике на элемент
</script>

При помощи window.history можно переходить на предыдущие и следующие страницы, что находятся в истории браузера. Если страницы, на которую пытаются перейти нет, то данный метод "промолчит".

Код представленный выше можно сократить, написать его всего в одну строчку, например, так:

Код: Выделить всё

<button onClick="history.back();">Вернуться назад</button>
Реклама

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость