recherche

Maison >interface Web >js tutoriel >Introduction détaillée au stockage de stockage Web local

Introduction détaillée au stockage de stockage Web local

php中世界最好的语言
php中世界最好的语言original
2017-12-02 10:17:231777parcourir

Cet article vous présentera la classification du stockage Webstorage, client et serveur, et vous présentera le stockage Web. Avec le développement des applications Web, il existe de plus en plus de stockages clients. Aujourd'hui, je vais vous donner une introduction détaillée au Web. -stockage. La méthode de stockage.

Stockage Web,

Stockage local

Sessionstockage :

1 Détecter si le navigateur prend en charge le stockage de données

Remarque : En HTML5, utilisez javascript pour stocker et accéder aux données.

2. Paramétrage du stockage local/obtention des données

stockées sur le client (tablette du téléphone portable...) sans limite de temps

Méthode courante :

Affectation :

 window.localStorage .setItem(“变量名称”,”val”) ---》localStorage.变量名称 = 值

Valeur : 

window.localStorage.getItem(“变量名称”)-à localStorage.变量名称

Remarque : le test de localStorage nécessite des tests dans un environnement php

3.sessionstorage Définir/obtenir des données

Stocké côté serveur (sohu Food World)

Affectation : 

  window. sessionStorage  .setItem(“变量名称”,”val”) ---》sessionStorage  .变量名称 = 值

Valeur : 

window. sessionStorage  .getItem(“变量名称”)-à sessionStorage  .变量名称
sessionStorage:

Fermer le navigateur

Appel : sessionStorage.removeItem("bName"); Effacer les données

Code de cas : 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/style.css">
</head>
<script type="text/javascript">
//window.localStorage /sessionStorage
//if(true)  true  不空  0  0.0 “0” window.localStorage 有值
if(window.localStorage){
  alert(111);  
}
if(window.sessionStorage){
  alert(222);  
}
</script>
<body>
</body>
</html>

Je crois que vous l'avez maîtrisé après avoir lu ces cas Pour méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture connexe :

Comment définir la couleur de la police du texte CSS

Comment utiliser l'animation couleur du survol animation en Css3

La différence entre les types de modèles de boîtes en CSS

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!

Déclaration：
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
Article précédent：jQuery charge une page HTML dans le div spécifiéArticle suivant：jQuery charge une page HTML dans le div spécifié

Articles Liés

Voir plus