He leido sobre el localstorage, pero no se como usarlo, alguien sabe?

Hola,

El Local Storage es uno de esos poderes mágicos que nos trae Javascript con esto ahora de HTML5. Se trata de una forma de almacenar datos en el cliente sin necesidad de cookies.

Existen tres formas de almacenar valores en una variable localStorage:
(Toma en cuenta que "indice" es el indicador de lo que vas a guardar).

localStorage.setItem('indice', 'valor');

localStorage['indice'] = 'valor';

localStorage.indice = 'valor';

Y para traer los valores también existen tres formas:

variable = localStorage.getItem('indice');

variable = localStorage['indice'];

variable = localStorage.indice;

Con esto, "variable" ahora contendrá lo que habías guardado.

Ahora un ejemplo práctico:
1. Abre un editor de texto, escribe las cabeceras típicas de HTML5
2. Ahora con Javascript escribe:

localStorage['habbos'] = 'HOLA MUNDO';

3. Guarda el archivo en .html y ábrelo con el navegador de tu preferencia. (Nota: hasta donde tengo entendido no sirve en Internet Explorer 6 ni 7).
4. Abre nuevamente el archivo y borra la línea que te mandé a escribir en el paso 2, ahora escribe:

alert(localStorage['habbos']);

5. Guarda el archivo y ábrelo nuevamente con el navegador de tu preferencia.
6. Debe imprimir "HOLA MUNDO".