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
Libérer: 2024-11-12 17:24:02
original
705 Les gens l'ont consulté

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 });
Copier après la connexion
  1. Sur la page B, récupérez la valeur stockée en utilisant :
const storedData = JSON.parse(window.name);
const someVar = storedData.someVar;
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal