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 |
|---|---|
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. |
|
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. |
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
Schnellstart: Verwenden der Einzelseitennavigation
Schnellstart: Hinzufügen von Navigationsleisten (NavBar)
Schnellstart: Verwenden von Hub-Steuerelementen für Layout und Navigation
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