Explication détaillée du cookie JavaScript et exemple d'application simple (tutoriel image et texte)

Cet article présente principalement les informations pertinentes sur les cookies JavaScript et des exemples d'applications simples. Voici une explication détaillée de l'introduction, des propriétés de base et des applications simples des cookies js. Les amis dans le besoin peuvent s'y référer

<.>Explication détaillée des cookies JavaScript

1. Introduction de base aux cookies

Le cookie fait l'objet du document. Les cookies permettent au code JavaScript de stocker des données de manière persistante sur le disque dur de l'utilisateur et d'obtenir les données ainsi stockées. Les cookies peuvent également être utilisés pour les scripts côté client.

Les données des cookies peuvent être automatiquement transférées entre les navigateurs Web et les serveurs Web.

Dans le navigateur, vous pouvez vérifier si la fonction cookie du navigateur est activée via l'attribut navigator.cookieEnabled.

2. Attributs de base des cookies

Chaque cookie possède quatre attributs facultatifs

1. expire

précise la durée de vie du cookie. Définissez l'attribut expires sur une heure d'expiration dans le futur pour rendre le cookie invalide après l'expiration.

Remplacez-le maintenant par l'attribut max-age, qui définit la durée de vie du cookie en secondes. Une fois la durée de vie maximale dépassée, le cookie sera automatiquement supprimé du fichier cookie par le navigateur

2.path

Spécifie les pages Web des cookies qui sont liés ensemble. Par défaut, un cookie est associé à la page web qui le crée, ainsi qu'aux pages web du même répertoire que cette page web et aux pages web des sous-répertoires de ce répertoire.

Ceci définit principalement la visibilité des cookies sur les pages Web. Ajoutez le chemin vers www.a.com/list, puis www.a.com/list/a.html et www.a.com/list/b.html peuvent accéder au cookie, mais www.a.com/comtain Ce cookie n'est pas accessible. Mais si le chemin est défini sur www.a.com/, alors www.a.com/list et www.a.com/contain peuvent accéder au cookie.

3.domain

Par défaut, seules les pages du même serveur Web peuvent accéder aux cookies et le domaine peut être défini. Par exemple, si le chemin du cookie est défini sur / et que le cookie est défini sur .example.com, alors toutes les pages Web situées sur catalog.example.com et commandes.example.com, ainsi que les pages Web situées sur d'autres serveurs sous le nom de domaine .example.com, est accessible. Ce cookie

Remarque : Vous ne pouvez pas définir le domaine d'un cookie sur un domaine autre que celui où se trouve le serveur

4. source

source est une valeur booléenne, true est transmis par HTTP non sécurisé (par défaut, false n'est transmis que lorsque le navigateur et le serveur sont connectés via HTTPS ou d'autres protocoles sécurisés).

3. Application des cookies

Un cookie est une chaîne composée d'une structure nom=valeur. Exemple de cookie :

version=1.0;max-age=3600

Notez que les virgules ou les espaces ne peuvent pas être inclus entre chaque chaîne, donc à l'écriture cookies, vous devez utiliser encodeURIComponent pour supprimer les symboles pertinents dans les variables. Lors de la lecture, utilisez decodeURIComponent

Pour créer un cookie qui peut durer un an :

document.cookie = “version=” + document.lastModified + “;max-age=” + (60*60*24*365);

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

NodeJS peut tout faire : on compte 10 projets open source NodeJS surprenants

JS Le pointage de ce et les fonctions d'appel et d'application (tutoriel image et texte)

Quelles sont les méthodes d'arrondi des décimales en js ? (Tutoriel image et texte)

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!