NavigationDestination : propriété url

Baseline 2026

Nouvellement disponible

Depuis janvier 2026, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.

Voir la compatibilité complète
En savoir plus

La propriété en lecture seule url de l'interface NavigationDestination retourne l'URL vers laquelle la navigation est effectuée.

Valeur

Une chaîne de caractères.

Exemples

Gérer une navigation utilisant `intercept()`

navigation.addEventListener("navigate", (event) => {
  // Quitte prématurément si cette navigation ne doit pas être
  // interceptée, par exemple, si la navigation est inter-origine, ou une
  // requête de téléchargement
  if (nePasIntercepter(event)) {
    return;
  }

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

  if (url.pathname.startsWith("/articles/")) {
    event.intercept({
      async handler() {
        // L'URL a déjà changé, donc affiche un espace réservé pendant
        // la récupération du nouveau contenu, comme un spinner ou une
        // page de chargement
        rendreEspaceReserveArticle();

        // Récupère le nouveau contenu et l'affiche lorsqu'il est prêt
        const contenuArticle = await getArticleContent(url.pathname);
        rendrePageArticle(contenuArticle);
      },
    });
  }
});