Maison > interface Web > Questions et réponses frontales > Quelle est la signification du stockage Web en HTML5

Quelle est la signification du stockage Web en HTML5

WBOY
Libérer: 2022-06-20 10:16:41
original
2338 Les gens l'ont consulté

La signification du stockage Web en HTML5 est de permettre aux pages Web de sauvegarder certaines informations sur l'ordinateur de l'utilisateur. L'utilisation de HTML5 peut stocker les données de navigation de l'utilisateur localement ; le stockage Web peut être divisé en stockage local et stockage de session, correspondant aux objets localStorage et Objets sessionStorage respectivement ; le stockage local est utilisé pour enregistrer les données du site Web pendant une longue période, et le stockage de session est utilisé pour enregistrer temporairement les données pour une fenêtre.

Quelle est la signification du stockage Web en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Quelle est la signification du stockage Web en HTML5 ?

La fonction de stockage Web de HTML5 est de permettre aux pages Web d'enregistrer certaines informations sur l'ordinateur de l'utilisateur. Grâce à HTML5, il est possible de stocker localement les données de navigation de l'utilisateur.

Auparavant, le stockage local utilisait des cookies. Mais le stockage Web doit être plus sécurisé et plus rapide. Les données ne seront pas enregistrées sur le serveur, mais ne seront utilisées que lorsque l'utilisateur demande des données sur le site Web. Il peut également stocker de grandes quantités de données sans affecter les performances du site Web. .

Les données existent dans des paires clé/valeur, et les données d'une page Web ne peuvent être consultées et utilisées que par cette page Web.

Le stockage Web est divisé en deux types :

(1) Le stockage local, correspondant à l'objet localStorage. Utilisé pour enregistrer les données du site Web pendant une longue période, et les données sont accessibles à partir de n'importe quelle page du site.

(2) Stockage de session, correspondant à l'objet sessionStorage. Utilisé pour enregistrer temporairement les données d'une fenêtre (ou d'un onglet). Ces données existent jusqu'à ce que le visiteur ferme la fenêtre ou l'onglet, et seront supprimées par le navigateur après la fermeture.

Similarités et différences entre le stockage local et le stockage de session

(1) Les codes de fonctionnement du stockage local et du stockage de session sont exactement les mêmes, leur différence réside uniquement dans la durée de vie des données.

(2) Le stockage local est principalement utilisé pour sauvegarder les données que les visiteurs pourront voir à l'avenir.

(3) Le stockage de session est utilisé pour enregistrer les données qui doivent être transmises d'une page à la page suivante.

Limite de capacité de stockage Web

La plupart des navigateurs limitent le stockage local à moins de 5 Mo. Ceci est lié au domaine où se trouve le site Web.

Exemples d'utilisation du stockage Web

Ce qui suit prend le stockage local (localStorage) comme exemple, et le stockage de session peut être modifié en objet sessionStorage.

(1) Sauvegarde et lecture des données texte localStorage.setItem("user_name","hangge.com");

var userName = localStorage.getItem("user_name");
Copier après la connexion

(2) Sauvegarde et lecture des valeurs numériques localStorage.setItem("user_age",100) ;

var userAge = Number(localStorage.getItem("user_age"));
Copier après la connexion

(3) Enregistrer et lire la date //Créer un objet date

var today = new Date();
//按照YYY/MM/DD的标准格式把日期转换成文本字符串,然后保存为文本
var todayString = today.getFullYear() + "/" + today.getMonth() + "/" + today.getDate();
localStorage.setItem("session_started", todayString);
//取得日期文本,并基于该文本创建新的日期对象
var newToday = new Date(localStorage.getItem("session_started"));
alert(newToday.getFullYear());
Copier après la connexion

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS, Tutoriel vidéo HTML)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal