Поделиться через


Навигация между страницами (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.

Краткое руководство: добавление панели навигации

Информация о добавлении панели навигации (также называемой "верхней панелью приложения") в приложение Магазина Windows на языке JavaScript.""

Краткое руководство: использование элемента управления “Главный раздел” для макета и навигации

Информация о том, как добавить элемент управления Hub в приложение Магазина Windows на JavaScript.

Краткое руководство: использование элемента управления Pivot для макета и навигации

В этом разделе вы научитесь использовать элемент управления WinJS.UI.Pivot для создания макета и навигации в вашем приложении для Windows Phone 8.1.

Создание ссылок на внешние веб-страницы

Узнайте, как создавать ссылки на внешние веб-страницы и отображать их в своем приложении.

 

Связанные разделы

Для разработчиков

Ваше первое приложение. Часть 3. Объекты PageControl и навигация

Добавление панелей приложения

Краткое руководство: использование одностраничной навигации

Краткое руководство: добавление панели навигации (NavBar)

Краткое руководство: использование элемента управления "Главный раздел" для макета и навигации

WinJS.Navigation Namespace

WinJS.UI.Hub object

WinJS.UI.AppBar object

WinJS.UI.NavBar object

WinJS.UI.BackButton object

Пример элемента управления "Главный раздел" на HTML

Пример элемента управления AppBar на HTML

Пример элемента управления NavBar на HTML

Пример навигации и журнала навигации

Для конструкторов

Схемы навигации

Шаблоны команд

Макет

Кнопка перехода назад

Руководство по элементу управления Hub

Руководство по панелям приложения

Создание специальной панели приложения