From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/window/sessionstorage/index.md | 74 +++++++++++-------------- 1 file changed, 32 insertions(+), 42 deletions(-) (limited to 'files/fr/web/api/window/sessionstorage') diff --git a/files/fr/web/api/window/sessionstorage/index.md b/files/fr/web/api/window/sessionstorage/index.md index 64a4e4cc27..87418645e6 100644 --- a/files/fr/web/api/window/sessionstorage/index.md +++ b/files/fr/web/api/window/sessionstorage/index.md @@ -5,40 +5,44 @@ tags: - API translation_of: Web/API/Window/sessionStorage --- -

{{APIRef}}

+{{APIRef}} -

La propriété sessionStorage permet d'utiliser un objet {{domxref("Storage")}} valable pour la session de navigation en cours et pour les pages du même domaine que la page actuelle. L'objet global sessionStorage est similaire à {{domxref("Window.localStorage")}}, à la différence que les données enregistrées dans sessionStorage ont une durée vie limitée et expirent à la fin de la session de navigation actuelle. Une session de navigation dure aussi longtemps que le navigateur est ouvert et s'étend sur plusieurs chargements, rechargements et restaurations de pages. En revanche, une session de navigation n'est valable que pour le contexte de navigation actuel, c'est-à-dire que le fait d'ouvrir une page dans un nouvel onglet ou dans une nouvelle fenêtre provoquera l'initialisation d'une nouvelle session de navigation, ce qui diffère du comportement des sessions utilisant des cookies.

+La propriété `sessionStorage` permet d'utiliser un objet {{domxref("Storage")}} valable pour la session de navigation en cours et pour les pages du même domaine que la page actuelle. L'objet global `sessionStorage` est similaire à {{domxref("Window.localStorage")}}, à la différence que les données enregistrées dans `sessionStorage` ont une durée vie limitée et expirent à la fin de la session de navigation actuelle. Une session de navigation dure aussi longtemps que le navigateur est ouvert et s'étend sur plusieurs chargements, rechargements et restaurations de pages. En revanche, une session de navigation n'est valable que pour le contexte de navigation actuel, c'est-à-dire que le fait d'**ouvrir une page dans un nouvel onglet ou dans une nouvelle fenêtre provoquera l'initialisation d'une nouvelle session de navigation**, ce qui diffère du comportement des sessions utilisant des cookies. -

Il est à noter que les données stockées dans sessionStorage ou localStorage sont spécifiques au protocole de la page.

+Il est à noter que les données stockées dans sessionStorage ou localStorage sont **spécifiques au protocole de la page.** -

Syntaxe

+## Syntaxe -
// Enregistrer des données dans sessionStorage
+```js
+// Enregistrer des données dans sessionStorage
 sessionStorage.setItem('clé', 'valeur');
 
 // Récupérer des données depuis sessionStorage
-var data = sessionStorage.getItem('clé');
+var data = sessionStorage.getItem('clé');
 
 // Supprimer des données de sessionStorage
 sessionStorage.removeItem('clé');
 
 // Supprimer toutes les données de sessionStorage
-sessionStorage.clear();
-
+sessionStorage.clear(); +``` -

Valeur

+### Valeur -

Un objet {{domxref("Storage")}}.

+Un objet {{domxref("Storage")}}. -

Exemple

+## Exemple -

L'exemple de code suivant accède à l'objet de stockage de session associé au domaine actuel et y ajoute une donnée à l'aide de {{domxref("Storage.setItem()")}}.

+L'exemple de code suivant accède à l'objet de stockage de session associé au domaine actuel et y ajoute une donnée à l'aide de {{domxref("Storage.setItem()")}}. -
sessionStorage.setItem('myCat', 'Tom');
+```js +sessionStorage.setItem('myCat', 'Tom'); +``` -

L'exemple suivant sauvegarde automatiquement le contenu d'un champ textuel. Si la page est accidentellement rafraîchie, le contenu du champ est restauré de sorte qu'aucune saisie n'est perdue.

+L'exemple suivant sauvegarde automatiquement le contenu d'un champ textuel. Si la page est accidentellement rafraîchie, le contenu du champ est restauré de sorte qu'aucune saisie n'est perdue. -
// Récupération du champ à enregistrer
+```js
+// Récupération du champ à enregistrer
 var champ = document.getElementById("champ");
 
 // Vérification de l'existence d'une donnée enregistrée auparavant
@@ -52,38 +56,24 @@ if (sessionStorage.getItem("autosave")) {
 champ.addEventListener("change", function() {
   // Enregistrement de la saisie utilisateur dans le stockage de session
   sessionStorage.setItem("autosave", champ.value);
-});
+}); +``` -
-

Note : Veuillez vous référer à l'article Utilisation de l'API Web Storage pour des exemples plus complets.

-
+> **Note :** Veuillez vous référer à l'article [Utilisation de l'API Web Storage](/fr/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API) pour des exemples plus complets. -

Spécifications

+## Spécifications - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("HTML WHATWG", "webstorage.html#dom-sessionstorage", "sessionStorage")}}{{Spec2("HTML WHATWG")}}
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- | +| {{SpecName("HTML WHATWG", "webstorage.html#dom-sessionstorage", "sessionStorage")}} | {{Spec2("HTML WHATWG")}} | | -

Compatilibité des navigateurs

+## Compatilibité des navigateurs -

{{Compat("api.Window.sessionStorage")}}

+{{Compat("api.Window.sessionStorage")}} -

Chaque navigateur attribue des capacités de stockage limitées pour localStorage et sessionStorage. Vous en trouverez certaines dans ce récapitulatif de tests des capacités de stockage attribuées en fonction du navigateur.

+Chaque navigateur attribue des capacités de stockage limitées pour `localStorage` et `sessionStorage`. Vous en trouverez certaines dans ce [récapitulatif de tests des capacités de stockage attribuées en fonction du navigateur](http://dev-test.nemikor.com/web-storage/support-test/). -

Voir aussi

+## Voir aussi - +- [Utilisation de l'API Web Storage](/fr/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API) +- {{domxref("Window.localStorage")}} -- cgit v1.2.3-54-g00ecf