Navegación entre páginas
Idioma: HTML | XAML

Ir de una página a otra (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows en tiempo de ejecución. Si estás desarrollando para Windows 10, consulta la documentación más reciente

Aprende cómo hacer compatible la navegación entre páginas y contenido en tu aplicación.

La mayoría de las aplicaciones tienen varias páginas de contenido y funcionalidades para que los usuarios exploren y se entretengan. Aquí explicamos la manera en que las aplicaciones normalmente usan un modelo de navegación de una página y mostramos cómo implementar la navegación con controles dedicados proporcionados con la Biblioteca de Windows para JavaScript (WinJS).

La navegación de página múltiple se usa para navegar entre páginas y pantallas sin preocuparse sobre el contexto de la aplicación. Esto es muy común en las páginas web contenidas por un sitio web a diferencia de una aplicación. Cada página tiene su propio conjunto de datos y funciones de JavaScript, un nuevo conjunto de marcado HTML por mostrar e información de estilo.

Por el contrario, un modelo de navegación de una página usa una sola página para mantener el contexto de la aplicación, y cargar datos y contenido adicionales según sea necesario. Aun así, puedes dividir la aplicación en varios archivos; pero en lugar de desplazarse de página a página, la aplicación carga otros documentos en la página principal. Dado que la página principal de la aplicación nunca se descarga, los scripts tampoco lo hacen y eso facilita la administración del estado, las transiciones y las animaciones. Recomendamos que las aplicaciones usen el modelo de navegación de una página.

Las plantillas de proyecto JavaScript para aplicaciones de Microsoft Visual Studio usan el modelo de navegación de una página. En este modelo, las páginas HTML se cargan a través del URI de la página en el contexto de una sola aplicación. Las páginas se cargan según convenga, normalmente como respuesta a las acciones del usuario.

Para ayudarte a elegir el mejor patrón de navegación para tu aplicación, consulta Patrones de navegación.

Consulta los patrones de navegación plana y navegación jerárquica como parte de nuestra serie Características de aplicaciones, de principio a fin.

En esta sección

TemaDescripción

Inicio rápido: usar la navegación de una página

Obtén más información sobre el modelo de navegación de una página y cómo puedes implementarlo en tu propia aplicación con los objetos PageControl y las características WinJS.Navigation.

Inicio rápido: Agregar una barra de navegación

Aprende a agregar una "barra de navegación", también denominada "barra de la aplicación superior") a tu aplicación de la Tienda Windows mediante JavaScript.

Inicio rápido: usar un control de navegación contralizada para el diseño y la navegación

Aprende cómo agregar un control Hub a la aplicación de la Tienda Windows con JavaScript.

Inicio rápido: usar un control Pivot para diseño y navegación

Aprende a usar un control WinJS.UI.Pivot para el diseño y la navegación en tu aplicación de Windows Phone 8.1.

Cómo vincular a páginas web externas

Obtén información sobre cómo vincular a páginas web externas y mostrarlas en la aplicación.

 

Temas relacionados

Para desarrolladores
Tu primera aplicación: Parte 3: Navegación y objetos de PageControl
Agregar barras de la aplicación
Inicio rápido: usar la navegación de una página
Inicio rápido: agregar una barra de navegación (NavBar)
Inicio rápido: usar un control de navegación centralizada para el diseño y la navegación
WinJS.Navigation Namespace
WinJS.UI.Hub object
WinJS.UI.AppBar object
WinJS.UI.NavBar object
WinJS.UI.BackButton object
Muestra del control de navegación centralizada HTML
Muestra del control AppBar HTML
Muestra de control NavBar HTML
Muestra de navegación e historial de navegación
Para diseñadores
Patrones de navegación
Diseños de comandos
Diseño
Botón Atrás
Directrices para el control de navegación centralizada
Instrucciones para las barras de la aplicación
Hacer que la barra de la aplicación sea accesible

 

 

Mostrar:
© 2017 Microsoft