Antes de la aparición de HTML5, si el desarrollador necesita almacenar una pequeña cantidad de datos en el cliente, solo se puede implementar a través de cookies, pero hay varios puntos insuficientes para cookies:
• El tamaño de las cookies bajo cada nombre de dominio está limitado a 4KB.
• La cookie incluirá en cada solicitud HTTP, que causará datos duplicados.
• La cookie no tiene cifrado durante la transmisión de la red, y hay riesgos de seguridad ocultos.
La función de almacenamiento web se agrega a HTML5. El almacenamiento web ahora ha recibido el soporte de los navegadores principales de Firefox, Opera, Chrome, Safari.
Introducción al almacenamiento webEl almacenamiento web se divide en el almacenamiento de la sesión y el almacenamiento local:
Almacenamiento de la sesión: Similar a la sesión, el período de supervivencia de los datos guardado por el almacenamiento de la sesión es el mismo que el período de sesión. Almacenamiento local: los datos guardados por el almacenamiento local siempre han sido localmente localmente, a menos que el usuario o el programa estén explícitamente claros, estos datos existirán en el mismo.El objeto de la ventana proporciona dos atributos de SessionStorage y LocalStorage, que representan el almacenamiento de sesión y el almacenamiento local, respectivamente. Estas dos funciones y uso son casi las mismas, pero tienen diferentes períodos de supervivencia para guardar datos. El almacenamiento proporciona los siguientes atributos y métodos (tome LocalStorage como ejemplo):
• LocalStorage.length: obtenga el número de pares de valor clave;
• LocalStorage.Key (índice): clave para obtener el índice del índice del índice;
• LocalStorage.getItem (clave): obtenga el valor correspondiente a la clave especificada;
• LocalStorage.SetItem (clave, valor): guarde el par de valores clave especificado;
• LocalStorage.RemoveItem (clave): elimine el par de valor de valor clave correspondiente a la clave especificada;
• LocalStorage.Clear (): elimine todos los pares de valor clave.
Cabe señalar que tanto la clave como el valor deben ser de cadena. Entonces, algunos datos que no son una cadena, podemos transformarlo en un formato de cadena a través de JSON y otros métodos.
El almacenamiento web almacena múltiples datos con JSONEstamos familiarizados con el uso básico de atributos y métodos relacionados a través de un pequeño programa:
• La información básica de ingresar a los estudiantes (incluido el número de números escolares, nombres, calificaciones, género), use el número escolar como el valor clave para almacenar en el almacenamiento local;
• Consulte la información básica de los estudiantes a través del número de la escuela;
• Mostrar la información de todos los estudiantes;
En primer lugar, diseñamos la página HTML
Código XML/HTML Copiar contenido al portapapeles