Navigazione tra le pagine (HTML)

Articolo
12/11/2015

[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]

Scopri come supportare la navigazione tra le pagine e il contenuto all'interno della tua app.

La maggior parte delle app è costituita da più pagine di contenuti e funzionalità che gli utenti possono esplorare e usare. In questo argomento spiegheremo in che modo le app usano in genere un modello di navigazione a pagina singola e mostreremo come implementare la struttura di navigazione tramite controlli dedicati forniti con la libreria Windows per JavaScript (WinJS).

La navigazione a più pagine permette di spostarsi tra le pagine o le schermate senza preoccuparsi del contenuto dell'app. L'uso di questo modello è tipico delle pagine di un sito Web rispetto a un'app. Ogni pagina ha un suo insieme di dati e funzioni JavaScript, un nuovo insieme di codice HTML da visualizzare e informazioni di stile.

Nel modello di navigazione a pagina singola viene invece usata un'unica pagina per visualizzare il contesto dell'app e per caricare ulteriori dati e contenuti secondo le necessità. Anche se devi comunque suddividere l'app in più file, anziché passare da una pagina all'altra, la tua app carica gli altri documenti nella pagina principale. Poiché la pagina principale dell'app non viene mai scaricata, i tuoi script non vengono mai scaricati ed è quindi più facile gestire lo stato, le transizioni o le animazioni. Ti consigliamo di usare il modello di spostamento a pagina singola per le app.

I modelli di progetto JavaScript per le app di Microsoft Visual Studio usano il modello di spostamento a pagina singola. In questo modello le pagine HTML vengono caricate tramite l'URI della pagina in un unico contesto a livello di app. Le pagine vengono caricate come necessario, in genere in risposta ad azioni utente.

Per assistenza sulla scelta del modello di navigazione più adatto alla tua app, vedi l'argomento sui modelli di navigazione.

Per vedere come funzionano i modelli di navigazione semplice e navigazione gerarchica, leggi i relativi argomenti inclusi nella serie Funzionalità delle app dall'inizio alla fine.

Contenuto della sezione

Argomento	Descrizione
Guida introduttiva: Uso della navigazione a pagina singola	Scopri come funziona il modello di navigazione a pagina singola e come implementarlo nella tua app usando oggetti PageControl e funzionalità di WinJS.Navigation.
Guida introduttiva: Aggiunta di una barra di spostamento	Scopri come aggiungere una barra di spostamento (nota anche come "barra di navigazione" o "barra superiore") alla tua app di Windows Store usando JavaScript.
Guida introduttiva: Uso di un controllo hub per il layout e la navigazione	Scopri come aggiungere un controllo Hub alla tua app di Windows Store scritta in JavaScript.
Guida introduttiva: Uso di un controllo pivot per il layout e la navigazione	Scopri come usare un controllo WinJS.UI.Pivot per il layout e la navigazione nella tua app Windows Phone 8.1.
Come inserire link alle pagine Web esterne	Scopri come inserire collegamenti a pagine Web esterne e visualizzarle nella tua app.