在页面之间导航 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

了解如何支持在页面和应用内的内容之间导航。

大多数应用具有多个页面的内容和功能,可以让用户浏览并参与。此处,我们介绍应用通常如何使用单页导航模型,并显示如何使用由 Windows JavaScript 库 (WinJS) 提供的专用控件来实现导航。

多页面导航用于在页面或屏幕之间导航,无需担心应用上下文。与应用相反,这对于网站内的网页非常典型。每个页面都包含其自己的 JavaScript 函数和数据集、要显示的新 HTML 标记集以及样式信息。

相反,单页面导航模型使用单个页面维持应用上下文并根据需求加载其他数据和内容。你仍然可以将应用拆分为多个文件,但你的应用会将其他文档加载到主页,而不是在页面之间移动。由于你的应用的主页和脚本从来不卸载,因而更容易管理状态、过渡或动画。我们建议让应用使用单页导航模型。

Microsoft Visual Studio 应用的 JavaScript 项目模板使用单页导航模型。在此模型中,HTML 页面通过页面的 URI 加载到单独的应用范围上下文中。这些页面根据需要加载,通常用于响应用户操作。

关于为你的应用选择最佳导航模式的帮助,请参阅导航模式

在操作时请参阅平面导航分层导航模式,它们是应用功能大全系列的一部分。

本部分内容

主题 描述

快速入门:使用单页导航

了解单页导航模型,以及如何通过使用 PageControl 对象和 WinJS.Navigation 功能在自己的应用中实现该模型。

快速入门:添加导航栏

了解如何将导航栏(也称为"导航栏"或"顶部应用栏")添加到使用 JavaScript 的 Windows 应用商店应用。

快速入门:为布局和导航使用中心控件

了解如何使用 JavaScript 将一个 Hub 控件添加到你的 Windows 应用商店应用中。

快速入门:为布局和导航使用透视控件

了解如何在 Windows Phone 8.1 应用中为布局和导航使用 WinJS.UI.Pivot 控件。

如何链接到外部网页

了解如何链接至外部网页并在应用中显示这些网页。

 

相关主题

面向开发人员

你的第一个应用 - 第 3 部分:PageControl 对象和导航

添加应用栏

快速入门:使用单页导航

快速入门:添加导航栏 (NavBar)

快速入门:为布局和导航使用中心控件

WinJS.Navigation Namespace

WinJS.UI.Hub object

WinJS.UI.AppBar object

WinJS.UI.NavBar object

WinJS.UI.BackButton object

HTML 中心控件示例

HTML AppBar 控件示例

HTML NavBar 控件示例

导航和导航历史记录示例

面向设计人员

导航模式

命令模式

布局

后退按钮

中心控件指南

应用栏指南

使应用栏成为辅助应用栏