Window. -History представляет исторические записи объекта Window, который активно генерируется пользователями и принимает глобальный объект, контролируемый сценарием JavaScript. Окно -объект обеспечивает доступ к исторической записи динамика через объект истории. Он раскрывает некоторые очень полезные методы и атрибуты, позволяя вам свободно двигаться вперед и свободно отступить в исторических записях.
1.Отступление в исторической записи, вы можете сделать это:
window.history.back ();
Это похоже на пользователь нажимает кнопку Back Brouwser.
Точно так же вы можете идти вперед, как нажать кнопку «Прямо» в браузере, например, это:
window.history.forward ();2. Переезд на обозначенные исторические записи
Указав значение по сравнению с текущей позицией страницы, вы можете использовать метод go () для загрузки страницы из исторической записи текущего сеанса (значение индекса позиции текущего страницы равен 0, предыдущая страница --1, а Следующая страница 1).
Чтобы отступить одну страницу (эквивалентно Calling ()) :):
Window.history.go (-1);
Переместите одну страницу вперед (эквивалент для вызова
Window.history.go (1);
Аналогично, Pass Parameter 2, вы можете перемещать 2 -й записи. Вы можете просмотреть значение атрибута длины и сколько записей есть в историческом стеке записей:
window.history.length;2. Измените исторический рекорд
Новый API HTML5 имеет расширенное окно. Вы можете хранить текущие исторические записи, заменить текущие исторические записи и отслеживать исторические рекордные очки.
1. Храните текущий исторический рекордХранившийся метод аналогичен массиву стека (array.push ()), и в окно добавляется новый исторический момент.
// Текущий URL: http://qianduanblog.com/index.htmlvar json = {time: new Date (). Браузер не проверяет, существует ли URL, но меняет только URL.После выполнения метода Pushstate адрес URL -адреса страницы -http://qianduanblog.com/post-html.
2. Замените текущую историческую записьWindow.history.Replacestate аналогично Window.history.pushstate. добавлен в рекордную точку. Когда вам нужно обновить объект состояния или URL текущей исторической записи в ответ на определенные операции пользователя, используется метод Replacestate (), особенно уместно.
3. Исторический рекордский пункт наблюденияИсторическая запись мониторинга, интуитивно понятная как изменение URL, но он будет игнорировать хэш -часть URL, слушать хэш -часть URL, HTML5 имеет новый API в качестве Onhashchange. Этот метод и Cross -Browser в моем блоге также говорят об этом методе и Crossbrowler. Вы можете прослушать изменения URL через Window.onpopstate, и вы можете получить объект статуса, хранящийся в историческом точке записи, который является объектом JSON, упомянутым выше, например:
// Текущий URL: http://qianduanblog.com/post-htmlwindow.onpopstate = function () {// Получить объект JSON, хранящий в исторической точке записи var json = window.history.state; Вернуться: http://qianduanblog.com/index.html // Полученный JSON - null // снова.Стоит отметить, что: JavaScript Script выполняет window.history.pushstate и window.history.replacestate не запускает событие OnPopstate.
Также важно отметить, что реакция браузера Google и браузера Firefox на странице в первый раз отличается.
Приведенное выше объяснение операций HTML5 Pushstate и Popstate. время. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!