Almacenamiento local utilizando html 5

Solo disponible en BuenasTareas
  • Páginas : 2 (407 palabras )
  • Descarga(s) : 0
  • Publicado : 8 de noviembre de 2010
Leer documento completo
Vista previa del texto
Almacenamiento local utilizando HTML 5

HTML5 proporciona una forma de almacenar información en el navegador, similar a como lo hacen las Cookies, pero que permiten almacenar información másgrande, ya que las cookies tienen un tamaño limitado.

El utilizar el almacenamiento respecto a utilizar las cookies tiene ventajas, sobre todo de tráfico, ya que cuando se almacena algo en las Cookies,al entrar en la web, estas son enviadas al servidor, consumiendo ancho de banda y tiempo.

HTML 5 permite el almacenamiento de 3 formas distintas.
• Local: los datos son almacenados en la máquinadel usuario como pares de clave/valor.
• Sesión: Se almacenan información como pares de clave/valor, pero solo durante lo que dure la sesión.
• Base de datos: Ofrece una API completa para almacenarinformación en base de datos.

Nosotros vamos a centrar en los dos primeros tipos de almacenamiento.

El almacenamiento local y de sesión, implementan la misma interfaz Storage, por lo que sufuncionamiento será muy similar.

Los navegadores compatibles con HTML 5 dispondrán de los objetos localStorage y sessionStorage, para el almacenamiento local y sesión respectivamente. Esta interfazofrece los siguientes métodos.

Método Length

Este método nos devolverá el número de pares clave/valor almacenados.
localStorage.length // 0

Método SetItem(key, value)

Este método se encargade añadir un nuevo elemento en nuestro almacén.
localStorage.setItem('altura', '100');
localStorage.setItem('anchura', '500');

Método Key(n)

Devuelve el par clave/valor de la posiciónindicada.
//devuelve altura del ejemplo anterior
localStorage.key(0);

Método getItem(key)

Obtiene el valor de una clave dada
// devuelve el valor de altura del ejemplo anteriorlocalStorage.getItem('altura');

Método removeItem(key)

El método lo que hará será borrar el elemento que le indiquemos
localStorage.removeItem('altura');

Método clear()

Con este método se borrarán todos...
tracking img