как изменить URL с помощью JavaScript, чтобы я мог ссылаться на этот URL

Question

Я делаю галерею с jquery. когда я нажимаю кнопку на моей странице, она исчезает, и галерея должна исчезать. Могу ли я изменить URL в верхней части, чтобы, когда пользователь копирует URL-адрес и использует его где-то еще, он открывает галерею, а не первую страницу (это на самом деле все на одной странице, я бы использовал только функции постепенного появления и исчезновения для навигации по разному контенту) Я погуглил каждое возможное слово и не нашел ничего, поэтому буду очень благодарен, если кто-нибудь скажет мне ответ:)

Answer 1

Когда нажата ваша кнопка, добавьте следующую строку в вашу функцию процесса:

window.location = "#gallery"

Добавляет имя привязки в URL браузера.

Затем, когда страница загружена, выдолжен получить это имя якоря и показать правильное содержание:

var location = document.location.href;
var tabName = location.substring(location.indexOf('#') + 1);
showTab(tabName);

Answer 2

То, что вы ищете, обычно можно найти в google googles.Он использует якоря в URL (host / path? Query # anchor) для определения предыдущего местоположения.

Поскольку браузеры не отправляют привязки на серверы, вы не можете отправить соответствующую веб-страницу обратно.Это делается на клиенте, поэтому вам нужно запросить обновление с вашего сервера через ajax.

Anyway ...

• Шаг 1: используйте привязки для навигации по своему веб-сайту (a href = "# mypage1" или обновление свойства местоположения)

• Шаг 2 : Когда страница индексазагружает проверку якорей с помощью javascript (свойство window.location.hash http://www.w3schools.com/jsref/obj_location.asp)

• Шаг 3 : запросить обновление с вашего сервера через ajax и проанализировать его при получении

Я предлагаю вам использовать json для содержимого контента. Легко использовать, лучше, чем xml, намного лучше, чем html (если вы склонны использовать свойство innerhtml). Это наиболеекопируемая часть.

О, вы можете просто отправить весь сайт, а не просто переключаться, а не загружаться через ajax, но я думаю, что людям нравится описанный способ больше.

Некоторые ссылки, которые я нашел только сейчас:

http://www.floatnotes.org/documentation/about-locations http://blog.rebeccamurphey.com/2007/12/04/anchor-based-url-navigation-with-jquery

Answer 3

Вы должны добавить параметры в свой URL-запрос, например www.yourdomain.com/index.html?openGallery=true или www.yourdomain.com/index.html#openGallery=true

.

Затем, используя JS, при загрузке страницы получите код для проверки этих параметров url и запуска своей галереи.