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
Комментариев нет: