HTML5 History API | JavaScript

Document.title: узнать/изменить title страницы


<button type="button" onclick="alert(document.title)">получить title</button>


<button type="button" onclick="document.title = 'Новый title'">изменить title</button>

Динамически изменять title для SEO абсолютно бессмысленно, для посетителя — полезно. Например, на вкладке браузера можно увидеть, что на электронную почту пришло письмо.

Window.history

history.length
<button type="button" onclick="alert(history.length)">количество записей в истории вкладки</button>
history.go(n)
<button type="button" onclick="history.go(-2)">вернуться на две страницы назад</button> <button type="button" onclick="history.go(-1)">вернуться на предыдущую страницу (как кнопка браузера "Назад")</button> <button type="button" onclick="history.go(1)">вернуться на следующую страницу (как кнопка браузера "Вперёд")</button>
history.back()
<button type="button" onclick="history.back()">вернуться на предыдущую страницу (как кнопка браузера "Назад")</button>
history.forward()
<button type="button" onclick="history.forward()">вернуться на следующую страницу (как кнопка браузера "Вперёд")</button>
history.pushState(state, title, URL)
Перехода на страницу как в случае с window.location не происходит, посетитель останется на текущей странице <button type="button" onclick="history.pushState({page: 1}, 'Страница 1', 'page1.html')">добавить запись в историю (изменить URL)</button> <button type="button" onclick="history.pushState(null, null, 'page1null.html')">добавить запись в историю (изменить URL)</button>
history.replaceState(state, title, URL)
Перехода на страницу как в случае с window.location не происходит, посетитель останется на текущей странице <button type="button" onclick="history.replaceState({page: 1}, 'Страница 1', 'page1.html')">заменить запись в истории (заменить URL)</button> <button type="button" onclick="history.replaceState(null, null, 'page1null.html')">заменить запись в истории (заменить URL)</button>
history.state
<button type="button" onclick="alert(JSON.stringify(history.state))">текущий статус</button> <button type="button" onclick="if ('page' in history.state) {alert( history.state['page'] );}">текущее значение свойства "page"</button>

Событие popstate в JS: срабатывает при переходе по кнопкам браузера "Назад"/"Вперёд" (history.back()/history.forward()) в рамках одного документа (страницы)

window.onpopstate = function(event) { alert("Сработало событие popstate: " + location + ", state: " + JSON.stringify(event.state) + " target: " + event.bubbles); };

New URL(): вырезать домен из URL (не работает в IE)

Строка в New URL() рассматривается (переводится) как URL, имеет те же свойства как Window.location.



<button type="button" id="raz1">домен из URL</button>

<script>
document.getElementById('raz1').onclick = function() {
    var a = 'http://shpargalkablog.ru/2014/10/window-open-javascript.html';
    alert(new URL(a).hostname);
}
</script>

Дополнительные материалы: URL() [mozilla.org] Используемые материалы https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

в f t
наверх ↑

Комментариев нет: