История пользователей и создание кнопки «Назад»

• May 9, 2024

JavaScript часто используется для создания кнопки «Назад», чтобы вернуться на ранее просмотренную страницу. Вы часто будете видеть что-то подобное в нижней части веб-страницы:



Это может быть полезно. Часто, когда вы заканчиваете чтение веб-страницы, указатель мыши находится около нижней части окна, поэтому удобна навигация снизу. Однако, прежде чем добавить кнопку истории, нужно подумать над несколькими важными вопросами:

Что означает «назад» в контексте вашей веб-страницы?
Куда ваши читатели хотят вернуться?
Куда вы хотите, чтобы ваши читатели пошли?
Есть ли какие-либо из них или все они соответствуют URL в истории браузера?

Слишком часто я нахожу действительно отличную веб-страницу из веб-поиска или ссылки, которая, очевидно, является частью 2 или 3 большой серии. Я вижу кнопку «Назад», нажимаю на нее, думая, что она вернет меня на предыдущую страницу серии и в итоге вернется на предыдущую страницу в моей истории. Я возвращаюсь на страницу, которая мне интересна, осматриваюсь, и нет ссылки на указатель или первую страницу в серии. Есть кнопка «Вперед» или «Вперед», зеркальное отображение той, которую я пробовал, и она переходит на следующую страницу серии. Это, вероятно, плохое использование функции истории.

Есть отличные варианты использования истории. Если вы связываете трудные или незнакомые слова с глоссарием, наличие кнопки «Назад» после каждой записи в глоссарии может иметь большой смысл. Вы можете ссылаться на один и тот же элемент глоссария из нескольких разных мест на вашем сайте, и люди, вероятно, захотят вернуться к странице, которую они читали, после просмотра термина.

Кроме того, вы должны помнить, что вполне возможно, что URL в истории не вернется к странице, на которую ранее смотрел ваш пользователь. Существует несколько способов использования JavaScript для изменения содержимого страницы без изменения URL в истории. Если вы используете одну из этих функций и хотите реализовать функции истории, вам нужно будет реализовать ее самостоятельно. Плюсом этого является то, что, в отличие от истории браузера, вы отвечаете за то, что в нем. Недостатком является то, что он будет работать только с вашим сайтом.

Как только вы решите, что хотите реализовать функцию истории, это очень легко сделать. Все, что вам нужно сделать, это связать ваше изображение с URL-адресом формы:

Возвращаться

Или установите соответствующее событие для вызова window.history.back ()

Видео инструкция: How to Create an Organizational Chart Linked to Data in Excel (Easy & Dynamic) (May 2024).