Navigieren zwischen Seiten (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]

Sie erfahren, wie Sie die Navigation zwischen Seiten und Inhalten in Ihrer App unterstützen.

Die meisten Apps verfügen über mehrere Seiten mit Inhalten und Funktionen, die Benutzer ausprobieren und verwenden können. In diesem Thema wird erläutert, wie Apps in der Regel ein Modell für die Einzelseitennavigation verwenden. Sie erfahren, wie Sie die Navigation mithilfe dedizierter Steuerelemente implementieren, die über die Windows-Bibliothek für JavaScript (WinJS) bereitgestellt werden.

Die mehrseitige Navigation wird verwendet, um zwischen Seiten oder Bildschirmen zu navigieren, ohne den App-Kontext zu berücksichtigen. Dies ist häufig bei den Webseiten einer Website der Fall, wobei anders als bei den Seiten einer App vorgegangen wird. Jede Seite enthält einen eigenen Satz von JavaScript-Funktionen und -Daten, einen neuen Satz von HTML-Markup für die Anzeige sowie Stilinformationen.

Beim Modell für die Einzelseitennavigation wird dagegen eine einzelne Seite verwendet, um den App-Kontext zu wahren und bei Bedarf zusätzliche Daten und Inhalte zu laden. Sie können die App weiterhin in mehrere Dateien aufteilen. Anstatt aber von Seite zu Seite zu wechseln, lädt die App andere Dokumente in die Hauptseite. Da die Hauptseite der App niemals entladen wird, werden auch die Skripts nie entladen. Dadurch lassen sich Status, Übergänge oder Animationen leichter verwalten. Wir empfehlen Ihnen, für Apps das Modell der Einzelseitennavigation zu verwenden.

Die in Microsoft Visual Studio enthaltenen JavaScript-Projektvorlagen für Apps verwenden das Modell der Einzelseitennavigation. In diesem Modell werden HTML-Seiten über den Seiten-URI in einen einzelnen App-weiten Kontext geladen. Die Seiten werden je nach Bedarf geladen (in der Regel als Reaktion auf Benutzeraktionen).

Hilfe zur Auswahl des besten Navigationsmusters für die App finden Sie unter Navigationsmuster.

Sie können das flache Navigationsmuster und das hierarchische Navigationsmuster in Aktion erleben, wenn Sie sich die Reihe App-Features – Gesamtübersicht ansehen.

Inhalt dieses Abschnitts

Thema Beschreibung

Schnellstart: Verwenden der Einzelseitennavigation

In diesem Thema wird das Modell der Einzelseitennavigation vorgestellt, und Sie erfahren, wie Sie dieses Modell mit PageControl-Objekten und WinJS.Navigation-Features in Ihrer eigenen App implementieren können.

Schnellstart: Hinzufügen von Navigationsleisten

Hier erfahren Sie, wie Sie Ihrer Windows Store-App mit JavaScript eine Navigationsleiste (auch als "obere App-Leiste" bezeichnet) hinzufügen.""

Schnellstart: Verwenden von Hub-Steuerelementen für Layout und Navigation

Hier erfahren Sie, wie Sie einer Windows Store-App mit JavaScript ein Hub-Steuerelement hinzufügen.

Schnellstart: Verwenden von Pivotsteuerelementen für Layout und Navigation

In diesem Thema erfahren Sie, wie Sie in Ihrer Windows Phone 8.1-App ein WinJS.UI.Pivot-Steuerelement für Layout und Navigation verwenden.

So wird's gemacht: Verknüpfen mit externen Webseiten

Hier erfahren Sie, wie Sie Verknüpfungen mit externen Webseiten erstellen und diese in Ihrer App anzeigen lassen können.

 

Verwandte Themen

Für Entwickler

Ihre erste App – Teil 3: PageControl-Objekte und Navigation

Hinzufügen von App-Leisten

Schnellstart: Verwenden der Einzelseitennavigation

Schnellstart: Hinzufügen von Navigationsleisten (NavBar)

Schnellstart: Verwenden von Hub-Steuerelementen für Layout und Navigation

WinJS.Navigation Namespace

WinJS.UI.Hub object

WinJS.UI.AppBar object

WinJS.UI.NavBar object

WinJS.UI.BackButton object

HTML-Beispiel für ein Hub-Steuerelement

HTML-Beispiel für ein AppBar-Steuerelement

HTML-Beispiel für ein NavBar-Steuerelement

Beispiel für Navigation und Navigationsverlauf

Für Designer

Navigationsmuster

Befehlsmuster

Layout

Zurück-Schaltfläche

Richtlinien für die Hubsteuerung

Richtlinien für App-Leisten

Barrierefreie App-Leiste