Valentina, miembro de nuestro staff, nos ha hecho el favor de redactar esta reseña porque conoce muy bien dicho tema.
Solución:
Sin leer su código sino solo su escenario, lo resolvería usando localStorage. Aquí hay un ejemplo, lo usaré prompt() para abreviar.
En la página 1:
window.onload = function()
var getInput = prompt("Hey type something here: ");
localStorage.setItem("storageName",getInput);
En la página 2:
window.onload = alert(localStorage.getItem("storageName"));
También puede usar cookies, pero localStorage permite muchos más espacios y no se envían de vuelta a los servidores cuando solicita páginas.
Su mejor opción aquí es usar la cadena de consulta para ‘enviar’ el valor.
como obtener consulta string valor usando javascript
- Entonces, la página 1 redirige a page2.html?someValue=ABC
- La página 2 puede leer la consulta. string y específicamente el key ‘algunValor’
Si esto es algo más que un ejercicio de aprendizaje, es posible que desee considerar las implicaciones de seguridad de esto.
Las variables globales no te ayudarán aquí, ya que una vez que se vuelve a cargar la página, se destruyen.
Tienes algunas opciones diferentes:
- puede usar un enrutador SPA como SammyJS, o Angularjs y ui-router, para que sus páginas tengan estado.
- use sessionStorage para almacenar su estado.
- almacenar los valores en el hash de URL.
Finalizando este artículo puedes encontrar las referencias de otros administradores, tú igualmente tienes el poder dejar el tuyo si dominas el tema.