Latest web development tutorials

almacenamiento web HTML5

HTML5 almacenamiento web, mejor que un almacenamiento local de galletas.


¿Qué es el almacenamiento web HTML5?

Utilice HTML5 puede navegar por los datos almacenados localmente en el usuario.

Más temprano, el almacenamiento local el uso de cookies. Pero la seguridad Web y almacenamiento necesita más rápidamente. Estos datos no se almacenan en el servidor, pero los datos sólo para los datos solicitados por el usuario en el sitio. También pueden almacenar grandes cantidades de datos sin afectar el rendimiento del sitio.

Existen datos como pares clave / valor, los datos de la página web sólo se le permite utilizar el acceso a la Web.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 8+, Firefox, Opera, Chrome, Safari y soporte Web Store.

Nota: Internet Explorer 7 y versiones anteriores de IE no apoyan tienda web.


localStorage y sessionStorage

Dos objetos almacenados en los datos del cliente es:

  • localStorage - no hay tiempo límite de almacenamiento de datos
  • sessionStorage - Almacenamiento de datos para una sesión de

Antes de utilizar el almacenamiento por Internet, consultar el apoyo del navegador y localStorage sessionStorage:

si (typeof (almacenamiento)! == "indefinido") { // Sí! Objetos Apoyo localStorage sessionStorage! // Parte del código ..... } otro { // Lo sentimos! No es compatible con la tienda web. }


objeto localStorage

No hay tiempo de almacenamiento de datos de objetos localStorage límite. Al día siguiente, después de la segunda semana, o el próximo año, los datos siguen estando disponibles.

Ejemplos

. LocalStorage apellido = "Smith"; documentar getElemenById ( "número") innerHTML = "Apellido:" ... + localStorage apellido;

Trate »

ejemplos de análisis:

  • Utilice la tecla = "apellido" y value = "Smith" crear una clave / valor pares localStorage
  • clave de recuperación para el valor "apellido" y luego inserta el elemento id = "número" en

Tip: Clave / valor pares se almacenan generalmente en forma de cadena, puede de acuerdo a su necesidad de convertir el formato.

El siguiente ejemplo muestra el número de veces que un usuario hace clic en un botón para convertir el valor de cadena a un tipo de código digital:

Ejemplos

si (LocalStorage. ClickCount) { . LocalStorage ClickCount = Número (ClickCount localStorage .) + 1;} otro { . LocalStorage ClickCount = 1;} .. Documento getElemenById ( "número" ) innerHTML = " Usted ha hecho clic en el botón" + "+ localStorage ClickCount veces.";

Trate »


objetos sessionStorage

sessionStorage método para una sesión para el almacenamiento de datos. Cuando el usuario cierra la ventana del navegador, se borrarán los datos.

Cómo crear y acceder a un sessionStorage ::

Ejemplos

si (SessionStorage. ClickCount) { . SessionStorage ClickCount = Número (sessionStorage ClickCount .) + 1;} otro { . SessionStorage ClickCount = 1;} .. Documento getElemenById ( "número" ) innerHTML = " En esta conversación que usted ha hecho clic en el botón" + "+ sessionStorage ClickCount veces.";

Trate »