Langage: HTML | XAML

Navigation entre les pages (HTML)

Applies to Windows and Windows Phone

Apprenez comment prendre en charge la navigation entre les pages et le contenu dans votre application.

La plupart des applications disposent de plusieurs pages de contenu et de fonctionnalités que les utilisateurs peuvent explorer et trouver intéressantes. Nous expliquons ici comment les applications utilisent en général un modèle de navigation sur une seule page et montrons comment implémenter la navigation en utilisant des contrôles dédiés fournis avec la bibliothèque Windows pour JavaScript (WinJS).

La navigation multipage permet de naviguer entre les pages ou les écrans sans se soucier du contexte de l’application. Cela est très classique pour les pages Web d’un site Web contrairement à une application. Chaque page a son propre jeu de fonctions et de données JavaScript, un nouveau jeu de balisage HTML à afficher et des informations de style.

À l’inverse, un modèle de navigation sur une seule page utilise une seule page pour gérer le contexte de l’application et charger du contenu et des données supplémentaires, si nécessaire. Vous fractionnez toujours votre application en plusieurs fichiers, mais au lieu de vous déplacer de page en page, votre application charge d’autres documents dans la page principale. Comme la page principale de votre application n’est jamais déchargée, vos scripts ne le sont pas non plus, ce qui facilite la gestion des états, des transitions ou des animations. Nous vous recommandons d’utiliser le modèle de navigation sur une seule page pour les applications.

Les  modèles de projets JavaScript pour les applications proposés dans Microsoft Visual Studio utilisent le modèle de navigation su une seule page. Dans ce modèle, les pages HTML sont chargées par l’intermédiaire de l’URI de la page dans un contexte unique couvrant l’ensemble de l’application. Les pages sont chargées selon les besoins, généralement en réponse à des actions de l’utilisateur.

Pour vous aider à choisir le meilleur modèle de navigation pour votre application, voir Modèles de navigation.

Voir le modèle de navigation plat et le modèle de navigation hiérarchique en action dans le cadre de notre série Fonctionnalités d’application de A à Z.

Dans cette section

RubriqueDescription

Démarrage rapide : utilisation de la navigation sur une seule page

Découvrez le modèle de navigation sur une seule page et comment l’implémenter dans votre propre application à l’aide des objets PageControl et des fonctionnalités WinJS.Navigation.

Démarrage rapide : ajout d’une barre de navigation

Découvrez comment ajouter une barre de navigation (également appelée "NavBar" ou "barre d’application supérieure") à votre application du Windows Store en JavaScript.

Démarrage rapide : utilisation d’un contrôle Hub pour la disposition et la navigation

Découvrez comment ajouter un contrôle Hub à votre application du Windows Store en JavaScript.

Démarrage rapide : utilisation d’un contrôle pivot pour la disposition et la navigation

Découvrez comment utiliser un contrôle WinJS.UI.Pivot pour la disposition et la navigation dans votre application Windows Phone 8.1.

Comment créer des liens vers des pages Web externes

Découvrez comment créer des liens vers des pages Web externes et les afficher dans votre application.

 

Rubriques associées

Pour les développeurs
Votre première application - Troisième partie : objets PageControl et navigation
Ajout de barres d’application
Démarrage rapide : utilisation de la navigation sur une seule page
Démarrage rapide : ajout d’une barre de navigation (NavBar)
Démarrage rapide : utilisation d’un contrôle Hub pour la disposition et la navigation
WinJS.Navigation Namespace
WinJS.UI.Hub object
WinJS.UI.AppBar object
WinJS.UI.NavBar object
WinJS.UI.BackButton object
Exemple de contrôle Hub HTML
Exemple de contrôle AppBar HTML
Exemple de contrôle NavBar HTML
Exemple de navigation et d’historique de navigation
Pour les concepteurs
Modèles de navigation
Modèles de commandes
Disposition
Bouton Précédent
Recommandations en matière de contrôle Hub
Recommandations en matière de barres d’application
Rendre la barre de l’application accessible

 

 

Afficher:
© 2014 Microsoft