Maison >interface Web >js tutoriel >Comment conserver les variables JavaScript sur plusieurs pages Web ?

Comment conserver les variables JavaScript sur plusieurs pages Web ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-12 17:24:02699parcourir

How Can You Preserve JavaScript Variables Across Multiple Web Pages?

Préserver les variables JavaScript sur plusieurs pages : une explication complète

Il peut être impératif de conserver les variables JavaScript sur plusieurs pages Web pour diverses applications. Supposons que vous ayez une variable JavaScript « someVar » définie sur 5 sur la page A. Lorsque vous accédez à la page B en cliquant sur un lien hypertexte, comment pouvez-vous vous assurer que « someVar » conserve sa valeur de 5 ?

Solution : Exploitation de la session JavaScript

JavaScript fournit un mécanisme appelé "session JavaScript" qui vous permet de stocker des données de manière persistante dans une seule fenêtre ou un seul onglet. La propriété 'window.name' sert d'espace de stockage persistant pour les données.

Mise en œuvre :

  1. Sur la page A, définissez 'someVar' à l'aide de 'window .someVar = 5;'.
  2. Lorsque vous passez à la page B, utilisez « window.name » pour stocker « someVar » en tant qu'objet JSON :
window.name = JSON.stringify({ someVar: 5 });
  1. Sur la page B, récupérez la valeur stockée en utilisant :
const storedData = JSON.parse(window.name);
const someVar = storedData.someVar;

Limitations :

La session JavaScript est confinée à la même fenêtre/onglet. L'ouverture d'une nouvelle fenêtre ou d'une nouvelle session de navigation réinitialisera « someVar » à sa valeur par défaut.

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