Introduction détaillée au stockage de stockage Web local-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2017-12-02 10:17:23

original

1810 Les gens l'ont consulté

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.变量名称 = 值

Copier après la connexion

Valeur :

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

Copier après la connexion

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  .变量名称 = 值

Copier après la connexion

Valeur :

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

Copier après la connexion

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>

Copier après la connexion

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!