Maison > Article > interface Web > Introduction détaillée au stockage de stockage Web local
Introduction détaillée au stockage de stockage Web local
- php中世界最好的语言original
- 2017-12-02 10:17:231713parcourir
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!