¿Cómo agregaría otra página en mi aplicación PhoneGap?

Puede hacer eso: agregue otra página .html a la que vaya. Preferiblemente incluya el mismo Javascript y hojas de estilo en todas las páginas.

O, de manera más eficiente: use display block / none en el ajuste de divs en la misma página, para que Javascript, CSS, etc. no se vuelvan a cargar. Tiendo a usar este método.

Ejemplo:

función switchPane (cantidad) {
cantidad = cantidad || 1;

panel + = cantidad;
if (panel <0) {
panel = paneles – 1;
}
si no (panel> paneles – 1) {
panel = 0;
}

showPane (panel);
}

función homePane () {
showPane (0);
}

función showPane (panel) {
// Ocultar los anteriores …
para (var i = 0; i <paneles; i ++) {
if (i! == panel) {
hidePane (“panel” + i);
}
}

// … y muestra el nuevo
var a = document.getElementById (“panel” + panel);
to.style.display = ‘bloquear’;

// Fuerza de reflujo
to.offsetHeight;

// Vuelve al comienzo
window.scrollTo (0, 0);
}

función hidePane (panel) {
document.getElementById (panel) .style.display = ‘ninguno’;
}

Use algunos marcos o bibliotecas para hacer todas las actividades en una sola página. jQuery Mobile, AngularJS y Reactjs son algunas opciones.

jQuery mobile es fácil de usar para requisitos básicos, angular tiene ventajas, pero necesitará tiempo para comprender el concepto.

en jQuery mobile, simplemente agregue marcas para crear páginas en un solo archivo html y use javascript para mostrar lo que desea que el usuario vea. Hay muchos complementos y temas disponibles para que sea elegante.