Maison >interface Web >js tutoriel >Comment puis-je stocker des variables JavaScript sur plusieurs pages ?

Comment puis-je stocker des variables JavaScript sur plusieurs pages ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-15 20:25:031098parcourir

How Can I Store JavaScript Variables Across Pages?

Stockage des variables JavaScript sur plusieurs pages

Les variables JavaScript ne sont disponibles que dans la page dans laquelle elles sont déclarées. Cependant, il existe des moyens de conserver ces variables sur différentes pages.

Utiliser Window.name comme session JavaScript

Une technique consiste à utiliser la propriété window.name pour stocker la variable. C'est ce qu'on appelle une session JavaScript. La syntaxe est la suivante :

window.name = "someValue";

Vous pouvez ensuite récupérer la valeur d'une autre page en utilisant :

var retrievedValue = window.name;

Cependant, cette technique ne fonctionne qu'au sein de la même fenêtre ou du même onglet. Si vous accédez à une autre fenêtre ou à un autre onglet, la valeur stockée dans window.name sera perdue.

Autres options de stockage persistant

Les autres options de stockage persistant incluent :

  • Stockage Web HTML5 (localStorage et sessionStorage) : Ceux-ci fournissent un stockage clé-valeur qui persiste lors des rechargements de pages.
  • IndexedDB : Une API de base de données qui permet un stockage de données structuré.
  • Cookies tiers : Bien que les cookies présentent des problèmes de confidentialité, ils peuvent être utilisés pour un stockage persistant. Cependant, ils peuvent être bloqués par les navigateurs.

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