Рекомендации по курсу:

События DOM Событие HashChangeEvent

Событие onhashchange

Определение и использование

Когда часть якоря текущего URL (начинающаяся с символа '#' ) изменяется, возникает событие onhashchange.

Пример того, что такое часть якоря: предположим, текущий URL - http://www.example.com/test.htm#part2 - часть якоря этого URL будет #part2.

  • Чтобы вызвать это событие, вы можете: Объект Locationчерез location.hash или свойство location.hrefдля изменения части якоря
  • Используйте различные закладки для навигации к текущей странице (используйте кнопку "Назад" или "Вперед")
  • Нажмите на ссылку, указывающую на точку якоря

Ин实例

Пример 1

Выполнение JavaScript после изменения части якоря

<body onhashchange="myFunction()">

Попробуйте сами

Пример 2

Как分配 "onhashchange" событие объекту window:

window.onhashchange = myFunction;

Попробуйте сами

Грамматика

В HTML:

<элемент onhashchange="myScript">

Попробуйте сами

В JavaScript:

объект.onhashchange = function(){myScript};

Попробуйте сами

В JavaScript, используйте метод addEventListener():

объект.addEventListener("hashchange", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнение: Поддерживается
Можете отменить: Не поддерживается
Тип события: Событие HashChangeEvent
Поддерживаемые теги HTML: <body>
Версия DOM: Уровень 3 событий

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.

Событие Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
События DOM Событие HashChangeEvent