Кнопка повернення назад

Доброго вам дня. 🙂

Хочу показати таку просту штуку, як кнопка повернення назад. Досить потрібна штука в певних випадках. Наприклад, у Вас є сторінки, куди потрапляє користувач, з якихось причин. Рекламна сторінка або сторінка подяки за щось. Можливо, навіть така кнопка стоїть після статті, і користувач може повернутися назад, після прочитання. Загалом застосування може бути маса. Багато хто скаже, що відвідувачу простіше натиснути кнопку "Назад" на своєму браузері, але все ж таки для деяких саме такий спосіб буде більш підходящим.

Здійснити таку кнопку можна двома способами. Які насправді однакові, просто використовують різні html-елементи. Приклад таких кнопок, можете подивитись нижче:

Перша кнопка використовує елементinput type="button" - це звичайна кнопка. Можете налаштувати її стилями надавши клас і перетворите на відповідний елемент Вашого сайту, що підходить за стилем. далі задаємо йому подіюonclick у якому маленький скрипт -history.back();, який вкаже браузеру відвідувача, повернуться на один крок назад, тобто на попереднє посилання, від куди був здійснений перехід. Готовий код виглядає так:

Друга кнопка зроблена за допомогою звичайного посилання, яким задамо шлях -href="#". Посилання теж задаємо подію onclick і той же скрипт, але з невеликим доповненнямhistory.back();return false;.Як бачите, додали -return false. Цей код означає, що переходу до href="#" не буде. Готовий код буде таким:

Ось такі два прості способи, по суті один, з різними елементами. Тепер Ви зможете організувати усебе на сайті кнопку, яка повертатиме відвідувача назад.

На цьому все, дякую за увагу. 🙂