Quels sont les attributs des cookies fournis par JavaScript ?

Les attributs de cookie fournis par JavaScript incluent : l'attribut expires (déclarant le délai d'expiration du cookie), l'attribut max-age (déclarant la durée maximale d'activité du cookie), l'attribut de domaine (définissant un nom de domaine valide) et l'attribut de chemin. .

Que sont les cookies ?

Les cookies sont une grande quantité d'informations qui persistent entre le serveur et le client. Le navigateur Web stockera ces informations lors de la navigation.

Le cookie prend généralement la forme d'une paire nom-valeur séparée par des points-virgules pour contenir des informations sous forme de chaîne ; il conserve le statut de l'utilisateur et mémorise les informations utilisateur dans les pages Web.

Comment créer des cookies en JavaScript ?

En JavaScript, nous pouvons créer, lire, mettre à jour et supprimer des cookies en utilisant la propriété document.cookie.

Syntaxe de base pour la création de cookies :

document.cookie = “name = value” ;

Attributs des cookies de JavaScript

JavaScript fournit quelques attributs facultatifs Pour améliorer la fonctionnalité des cookies, examinons ces attributs :

attribut expires :

peut conserver le statut du cookie jusqu'à la date et l'heure spécifiées ; , qui déclare une date et une heure qui représentent la période pendant laquelle le cookie est actif, est l'un des moyens de créer un cookie persistant.

Exemple : définissez la période de validité du cookie pour "nom d'utilisateur = site Web chinois php" sur le 20 août 2030, 12:00:00

document.cookie = “username = php中文网; expires = Sun，20 Aug 2030 12:00:00 UTC” ;

Remarque : l'attribut expire une fois si l'heure déclarée est dans le passé (n'importe quelle heure dans le passé fera l'affaire), le cookie sera automatiquement supprimé ; c'est également un moyen de supprimer les cookies.

Exemple : Définir la période de validité sur 1970, 1er janvier, 00:00:00

document.cookie = "username=php中文网; expires= Thu, 01 Jan 1970 00:00:00 GMT";

attribut max-age

Vous pouvez conserver le statut du cookie jusqu'à l'heure indiquée, la durée est calculée en secondes. C'est également l'un des moyens de créer des cookies persistants.

document.cookie = "username =php中文网; max-age ="  +（60 * 60 * 24 * 365）+";"

Remarque : les cookies peuvent également être supprimés à l'aide de l'attribut max-age. Il vous suffit de fournir zéro ou un nombre négatif (indiquant le nombre de secondes) à l'attribut max-age.

 document.cookie = "name = php中文网; max-age = 0" ;

attribut de domaine

Il est utilisé pour spécifier le domaine dans lequel le cookie est valide ; le cookie ne sera valide que dans le nom de domaine spécifié.

Supposons que nous fournissions n'importe quel nom de domaine pour l'attribut de domaine, par exemple :

domain = php .cn

Ici, le cookie est valide pour le domaine donné et tous ses sous-domaines.

Mais si nous fournissons un sous-domaine à l'attribut comme :

domain=img.php .cn

Ici, le cookie ne sera valide que pour le sous-domaine donné. Par conséquent, il est préférable de fournir au cookie un nom de domaine plutôt qu'un nom de sous-domaine pour que le cookie soit valide sous le nom de domaine spécifié.

attribut chemin : Étendre la portée du cookie à toutes les pages du site

Un exemple simple de cookie JavaScript

Exemple : JavaScript crée un cookie, obtient un cookie, lit un cookie

<script>
function setCookie(cname,cvalue,exdays){
	var d = new Date();
	d.setTime(d.getTime()+(exdays*24*60*60*1000));
	var expires = "expires="+d.toGMTString();
	document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
	var name = cname + "=";
	var ca = document.cookie.split(&#39;;&#39;);
	for(var i=0; i<ca.length; i++) {
		var c = ca[i].trim();
		if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
	}
	return "";
}
function checkCookie(){
	var user=getCookie("username");
	if (user!=""){
		alert("欢迎 " + user + " 再次访问");
	}
	else {
		user = prompt("请输入你的名字:","");
  		if (user!="" && user!=null){
    		setCookie("username",user,30);
    	}
	}
}
</script>

Rendu :

Lors de la saisie du nom, appuyez sur Bouton "OK" », actualisez la page actuelle et elle apparaîtra :

Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile pour l'étude de tout le monde.

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!