JavaScript によって提供される Cookie 属性とは何ですか?

JavaScript によって提供される Cookie 属性には、expires 属性 (Cookie の有効期限を宣言)、max-age 属性 (Cookie アクティビティの最大時間を宣言)、domain 属性 (有効なドメイン名を定義)、および path 属性が含まれます。 。

Cookie とは何ですか?

Cookie は、サーバーとクライアントの間で保持される大量の情報であり、Web ブラウザーはブラウジング中にこの情報を保存します。

Cookie には通常、セミコロンで区切られた名前と値のペアの形式の文字列として情報が含まれており、ユーザーのステータスを維持し、Web ページ内のユーザー情報を記憶します。

JavaScript で Cookie を作成するにはどうすればよいですか?

JavaScript では、document.cookie プロパティを使用して Cookie を作成、読み取り、更新、削除できます。

Cookie を作成するための基本構文:

document.cookie = “name = value” ;

JavaScript の Cookie 属性

JavaScript には、Cookie の機能を強化するためのオプションの属性がいくつか用意されています。 Cookie について、これらの属性を見てみましょう。

expires 属性:

は、指定された日時にまで Cookie のステータスを維持できます。つまり、宣言されます。 Cookie のアクティビティの継続時間を表す日付と時刻は、永続的な Cookie を作成する方法の 1 つです。

例: 「username = php Chinese website」の Cookie の有効期間を 2030 年 8 月 20 日 12:00:00

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

注: 宣言された属性は期限切れになります。時間が過去の場合 (過去のどの時間でも構いません)、Cookie は自動的に削除されます。これも Cookie を削除する方法です。

例: 有効期間を 1970 年 1 月 1 日 00:00:00 に設定します

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

max-age 属性

Cookie のステータスは、秒単位で計算される指定された時間維持できます。これは永続的な Cookie を作成する方法の 1 つでもあります。

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

注: max-age 属性を使用して Cookie を削除することもできます。max-age 属性にゼロまたは負の数値 (秒数を示す) を指定するだけです。

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

ドメイン属性

Cookie が有効なドメインを指定するために使用されます。Cookie は指定されたドメイン名でのみ有効になります。

ドメイン属性に任意のドメイン名を指定するとします。たとえば:

domain = php .cn

ここでは、Cookie は指定されたドメインとそのすべてのサブドメインに対して有効です。

ただし、属性にサブドメインを指定すると、たとえば:

domain=img.php .cn

ここでは、Cookie は指定されたサブドメインに対してのみ有効になります。したがって、指定されたドメイン名で Cookie を有効にするには、Cookie にサブドメイン名ではなくドメイン名を指定する方が良い方法です。

path 属性: Cookie の範囲を Web サイトのすべてのページに拡張します

JavaScript Cookie の簡単な例

例: JavaScript は Cookie を作成し、Cookie を取得し、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>

レンダリング:

名前を入力するときに、「OK」を押します。 " ボタン その後、現在のページを更新すると、次の情報が表示されます。

##要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がJavaScript によって提供される Cookie 属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。