Часто в нашей жизни по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>
Вот и все. Можете смело использовать кнопку "вернуться назад" на сайте, это очень удобно, особенно, если на одной странице много информации. Если вы знаете другие методы установки кнопки "назад", пишите в комментариях.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Шумящий эффект для картинки при наведении
Эффект для ссылки – радужная ссылка
Выделение цветом ссылок при наведении на параграф
Фиксированное меню при прокрутке сайтаПохожие статьи
Эффект «дрожащий текст или ссылка» на JavaScript
Как сделать “хлебные крошки?”
Как подогнать картинку под размер экрана с помощью CSS
Популярные статьи:
-
Как узнать 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;”
Вот так в Хроме будет работать!