>웹 프론트엔드 >JS 튜토리얼 >JavaScript를 사용하여 쿠키를 어떻게 설정하고 검색할 수 있습니까?

JavaScript를 사용하여 쿠키를 어떻게 설정하고 검색할 수 있습니까?

Susan Sarandon
Susan Sarandon원래의
2024-12-23 00:12:03432검색

How Can I Set and Retrieve Cookies Using JavaScript?

JavaScript로 쿠키 설정 및 검색

여러 세션에서 특정 기본 설정이나 사용자 정보를 유지하려면 쿠키를 활용하는 것이 좋습니다. JavaScript에서 쿠키를 설정하고 검색하는 것은 간단한 작업입니다.

쿠키 설정

특정 이름, 값 및 만료 시간으로 쿠키를 설정하려면:

function setCookie(name, value, days) {
  var expires = "";
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

쿠키 검색

쿠키를 검색하려면 이름:

function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(";");
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == " ") c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  }
  return null;
}

사용 예

HTML 파일에서:

<select>

JavaScript 파일에서:

// Set the cookie when the user selects a CSS file
function setCSSLayout() {
  var cssFile = document.getElementById("myList").value;
  setCookie("cssFile", cssFile, 7);
}

// Get the cookie and set the CSS file accordingly
function getCSSLayout() {
  var cssFile = getCookie("cssFile");
  if (cssFile) {
    document.getElementById("css").href = cssFile;
  }
}

// Load the previously selected CSS file
window.onload = function () {
  getCSSLayout();
};

다음을 활용합니다. 기능을 사용하면 JavaScript로 쿠키를 쉽게 설정하고 검색할 수 있으므로 사용자 기본 설정을 저장하고 웹 애플리케이션을 향상시킬 수 있습니다.

위 내용은 JavaScript를 사용하여 쿠키를 어떻게 설정하고 검색할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.