Spec-Zone.ru › Web APIs

NavigateEvent: свойство destination

Ограниченная доступность

Эта функция не является Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Экспериментальная: Это экспериментальная технология Экспериментальная технология
Перед использованием в рабочей среде тщательно проверьте таблицу совместимости браузеров таблица совместимости браузеров.

Только для чтения свойство destination интерфейса NavigateEvent возвращает объект NavigationDestination, представляющий конечную точку перехода.

Значение

Объект NavigationDestination.

Примеры

navigation.addEventListener("navigate", (event) => {
  // Exit early if this navigation shouldn't be intercepted,
  // e.g. if the navigation is cross-origin, or a download request
  if (shouldNotIntercept(event)) {
    return;
  }

  const url = new URL(event.destination.url);

  if (url.pathname.startsWith("/articles/")) {
    event.intercept({
      async handler() {
        // The URL has already changed, so show a placeholder while
        // fetching the new content, such as a spinner or loading page
        renderArticlePagePlaceholder();

        // Fetch the new content and display when ready
        const articleContent = await getArticleContent(url.pathname);
        renderArticlePage(articleContent);
      },
    });
  }
});

Спецификации

Спецификация
HTML
# dom-navigateevent-destination-dev

Совместимость браузеров

Рабочий стол Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
destination 102 102 Нет 88 Нет 102 Нет 70 Нет 19.0 102

См. также

  • Современный клиентский маршрутизатор: API навигации
  • Разъяснение API навигации
  • Живая демонстрация API навигации от Domenic Denicola Живая демонстрация API навигации

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/NavigateEvent/destination

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API