PROИТ
Office 365, AD, Active Directory, Sharepoint, C#, Powershell. Технические статьи и заметки.
JavaScript: кнопка Назад (Back) в браузере
Зачастую необходимо сделать кнопку или ссылку, по нажатию на которую пользователь будет отправлен на предыдущую просмотренную страницу.
Далее приведу примеры, как сделать это при помощи JavaScript (JS).
1) кнопка «Назад»
type="button" value=" <-- Назад " onclick="history.go(-1);return false;" />
href="#" onclick="history.back();return false;">Назад
href="#" onclick="history.go(-1);return false;">Назад
href="javascript:void(0);" onclick="history.back();">Назад
href="javascript:history.back();">Назад
Это работает во всех браузерах, включая FireFox, Google Chrome и IE.
В случае с history.go(-1) можно экспериментировать. Например, если указать history.go(1) , то пользователь будет наоборот перенаправлен «Вперед» (Forward). Если history.go(-2) , то — назад на две страницы.
Если Вам понравилась статья, пожалуйста, поставьте лайк, сделайте репост или оставьте комментарий. Если у Вас есть какие-либо замечания, также пишите комментарии.
How to create an HTML back button
You can add a back button to your web page. When a visitor to your page clicks the button, they’re taken to the last page they visited, as if they clicked the back button in their browser.
You can accomplish this by editing the HTML (hypertext markup language) of your page, and adding a little JavaScript.
These buttons don’t work if the user has no browsing history. For example, if the user opens your page in a new browser tab or window, nothing happens when they click the button.
Using history.back
In a web browser, the built-in JavaScript object window has an object called history containing the URLs a user has visited in their current browser window. You can use the history.back() method to tell the browser to go back to the user’s previous page.
One way to use this JavaScript is to add it to the onclick event attribute of a button. Here, we create the button using a element, containing an element of the button type.
Insert the following HTML into your web page:
The result looks like the button below. If you click it, you go back to the previous page in your history.
Using history.go
The history.go() method tells the browser to go to a specific page in the user’s browsing history. You can specify which history item by putting a number inside the parentheses. With computer programming, this is called an argument.
If you specify the number -1 as your argument, the browser goes back one page in the browser’s history. Here’s the same code as above, using history.go(-1) instead of history.back().
Related information
- How to create an HTML push-button link.
- See our back and push-button definitions for further information and related links.
- See our and HTML element definitions for more examples of them in use.
- HTML and web design help and support.
Кнопка назад на сайте
Как сделать кнопку назад на сайте? Самый простой вариант это с помощью JavaScript-функции history . С ней можно переходить вперед, назад, обновлять страницу и делать переход на две и более страницы сразу.
Кнопка назад
Функцию onclick=»history.back();» можно применять не только к ссылкам и кнопкам, но и к любому элементу, например к картинке или блоку:
Возвращение на несколько страниц назад
В скобках функции history.back можно указать количество страниц, которое необходимо для перехода. В примере ссылка возвращает пользователя на две страницы назад:
Подборка бесплатных IT-курсов и вебинаров от Skillbox.
Бесплатные IT-курсы, нужно только пройти онлайн-тест здесь
Обновить страницу
Перейти вперед
Если вам понравилась статья, вы можете отблагодарить автора любой суммой, какую сочтете для себя приемлемой:
Если мы используем JavaScript, то некоторые действия по умолчанию нужно отменить. Самый распространённый случай это клик по ссылке. К примеру при нажатии должно появляться всплывающее окно, но по умолчанию браузер будет переходить по URL. Если в атрибуте href указать знак Читать далее
MixItUp — это высокопроизводительная библиотека без зависимостей, для анимированных манипуляций с DOM, которая дает вам возможность фильтровать, сортировать, добавлять и удалять элементы DOM с красивой анимацией. MixItUp прекрасно сочетается с вашими существующими HTML и CSS, что делает её отличным выбором Читать далее
В этом уроке вы узнаете, как создать иллюзию трехмерной фотографии из изображения, используя JavaScript и библиотеку Pixi.js webGL. Давайте сделаем это! Концепция Чтобы превратить обычную фотографию в 3D, нам нужно использовать карту глубины (или некоторые назвали бы карту смещения или Читать далее
Необходимость определить город посетителя на сайте актуально для интернет-магазинов или сайтов работающих в разных регионах. Это даст возможность показывать разные контакты, и изменять текст на страницах в зависимости от текущего местоположения пользователя. Самый простой и эффективный способ — это определить Читать далее
Создать карту в конструкторе Яндекс карт наверное самый простой и быстрый способ, когда надо добавить местоположение на сайте. Но если нужно сделать карту с внешними элементами управления, то конструктора здесь окажется мало. Самый распространенный пример, когда есть несколько офисов компании, Читать далее
jQuery — это быстрая, небольшая и многофункциональная библиотека JavaScript, включенная в один файл .js. На данный момент это самая популярная библиотека JavaScript. JQuery облегчает жизнь веб-разработчика. Библиотека предоставляет множество встроенных функций, с помощью которых вы можете легко и быстро выполнять Читать далее
В основном, модальное окно — это диалоговое или всплывающее окно, которое используется для предоставления важной информации пользователю или побуждения пользователя предпринять необходимые действия, прежде чем двигаться дальше. Модальные окна широко используются для предупреждения пользователей о таких ситуациях, как истечение времени Читать далее
Как сделать ссылку ‘вернуться назад’?
Как присвоить путь для кнопки так, что бы она возвращала на предыдущую страницу — тоже самое, что кнопка назад на панели браузера делает?
Как вернуться на строчку назад
begin write(‘Сколько было игр ‘); readln(hmp); for i1:= 0 to hmp do begin.
Сделать так, чтобы тестируемый при неверно сделанном ответе мог вернуться назад и исправить ошибку
В общем, она не работает.. Еще вопрос, как можно здесь сделать так, чтобы тестируемый при неверно.
Подскажите как в python вернуться на действие назад?
from Tkinter import * import tkMessageBox import Tkinter import tkFileDialog def donothing().
input type="button" onclick="history.back();" value="Назад"/> a href="#" onclick="history.back();">Назад/a>
a href="#" onclick="history.back(-3);">Назад/a>
Сообщение от Good-bad man
input type="button" onclick="history.back();" value="Назад"/> a href="#" onclick="history.back();">Назад/a>