Часто в нашей жизни поcле неудачного случая мы ищем кнопку назад, чтобы вернуться к исходному месту. Может, я и сильно загнул со вступлением, но если в жизни и нет такой кнопочки, зато ее можно реализовать на сайте. Кнопка "вернуться назад" поможет посетителю вернуться к исходному месту, туда, откуда он начинал. Код написан на обычном javascript, вставляется в тело веб-сайта <body></body>
Кнопка вернуться назад на javascript
1. Итак, приступим. Откройте html код документа и в самом теле <body></body> пишем код javascript.
<input ENGINE="button" onclick="history.back();" value="Назад"/>
можно так:
<a href="#" onclick="history.back();return false;">Назад</a>
А вот и полностью готовая html страница с кнопкой "вернуться назад".
<html> <body> <input type="button" onclick="history.back();" value="Назад"/> <a href="#" onclick="history.back();return false;">Назад</a> </body> </html>
2. Если хотите прописать функцию "назад" в виде картинки (это может быть картинка с красивой кнопкой), тогда используйте следующий код. img.png - это ваша картинка (png, jpg, gif, bmp и др.).
<a href="#" onclick="history.back();return false;"><img src="img.png" alt="Картинка"/></a>
Вот полностью готовая html страница с картинкой "вернуться назад".
<html> <body> <a href="#" onclick="history.back();return false;"><img src="image.png" alt="Картинка"/></a> </body> </html>
Вот и все. Можете смело использовать кнопку "вернуться назад" на сайте, это очень удобно, особенно, если на одной странице много информации. Если вы знаете другие методы установки кнопки "назад", пишите в комментариях.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 329815 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274370 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 220444 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186394 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 181504
2 Ответов на комментарий - Кнопка “вернуться назад”.
Добавить комментарий
Метки: html, javascript, эффекты для сайта
Не кроссбраузерно.
– не работает в Хроме.
Работает вот так:
или так:
Спасибо, Рома, за поправку, сейчас все исправлю.
Нужно просто добавить “return false;”.
Было так:
теперь добавляем “return false;”
Вот так в Хроме будет работать!