JavaScript가 제공하는 쿠키 속성은 무엇입니까?

JavaScript에서 제공하는 쿠키 속성에는 만료 속성(쿠키 만료 시간 선언), max-age 속성(쿠키 활동의 최대 시간 선언), 도메인 속성(유효한 도메인 이름 정의) 및 경로가 포함됩니다. 기인하다.

쿠키란 무엇인가요?

쿠키는 웹 브라우저가 탐색하는 동안 이 정보를 저장하는 서버와 클라이언트 사이에 존재하는 대량의 정보입니다.

쿠키는 일반적으로 세미콜론으로 구분된 이름-값 쌍 형식의 문자열로 정보를 포함합니다. 쿠키는 사용자의 상태를 유지하고 웹 페이지의 사용자 정보를 기억합니다.

JavaScript에서 쿠키를 만드는 방법은 무엇인가요?

JavaScript에서는 document.cookie 속성을 사용하여 쿠키를 생성, 읽기, 업데이트 및 삭제할 수 있습니다.

쿠키 생성을 위한 기본 구문:

document.cookie = “name = value” ;

JavaScript 쿠키 속성

#🎜🎜 # JavaScript는 쿠키의 기능을 향상시키기 위해 몇 가지 선택적 속성을 제공합니다.

expires 속성:

은 다음과 같습니다. 쿠키 상태는 지정된 날짜와 시간까지 지속됩니다. 즉, 쿠키가 활성화된 날짜와 시간을 선언하고 영구 쿠키를 생성하는 방법 중 하나입니다.

예: "사용자 이름 = php Chinese website"에 대한 쿠키의 유효 기간을 2030년 8월 20일 12:00:00으로 설정합니다.

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

참고: 속성이 만료됩니다. 선언된 시간이 과거가 되면 쿠키는 자동으로 삭제됩니다(과거의 언제든지 삭제 가능). 이는 쿠키를 삭제하는 방법이기도 합니다.

예: 유효 기간을 1970년, 1월 1일 00:00:00으로 설정

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

max-age 속성#🎜🎜 # 지정된 시간까지 쿠키의 상태를 유지할 수 있으며, 시간은 초 단위로 계산됩니다. 이는 영구 쿠키를 생성하는 방법 중 하나이기도 합니다.

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

참고: max-age 속성을 사용하여 쿠키를 삭제할 수도 있습니다. max-age 속성에 0 또는 음수(초 수 표시)만 제공하면 됩니다.

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

domain attribute

쿠키가 유효한 도메인을 지정하는 데 사용됩니다. 쿠키는 지정된 도메인에서만 유효합니다. 이름.

도메인 속성에 도메인 이름을 제공한다고 가정합니다. 예:

domain = php .cn

여기서 쿠키는 지정된 도메인과 모든 하위 도메인에 대해 유효합니다.

그러나 속성에 하위 도메인을 제공하는 경우(예:

domain=img.php .cn

여기서) 쿠키는 지정된 하위 도메인에 대해서만 유효합니다. 따라서 지정된 도메인 이름에서 쿠키가 유효하도록 하려면 하위 도메인 이름보다는 도메인 이름으로 쿠키를 제공하는 것이 더 나은 방법입니다.

경로 속성

: 쿠키 범위를 웹사이트의 모든 페이지로 확장

다음의 간단한 예 JavaScript 쿠키 예: JavaScript가 쿠키를 만들고, 쿠키를 가져오고, 쿠키를 읽습니다.

<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>

렌더링:

#🎜 🎜#

이름을 입력하고 "확인" 버튼을 누르면 현재 페이지를 새로고침하면 다음과 같이 나타납니다:

# 🎜🎜#요약: 위 내용은 이 글의 전체 내용이며, 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 JavaScript가 제공하는 쿠키 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!