>웹 프론트엔드 >JS 튜토리얼 >페이지 새로 고침 후 JavaScript 변수를 어떻게 유지합니까?

페이지 새로 고침 후 JavaScript 변수를 어떻게 유지합니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-09 18:21:021082검색

How Do I Keep JavaScript Variables After a Page Refresh?

페이지를 새로 고칠 때 JavaScript 변수를 보존하는 방법

JavaScript에서 일반적으로 페이지를 새로 고치면 변수의 값이 손실됩니다. 그러나 변수를 지속성으로 만드는 기술이 있습니다.

이러한 기술 중 하나는 window.localStorage 또는 window.sessionStorage와 같은 웹 저장소 메커니즘을 활용하는 것입니다. LocalStorage는 브라우저 세션 이후에도 데이터를 유지하는 반면, sessionStorage는 현재 세션 내에서만 데이터를 유지합니다.

localStorage를 사용하여 변수를 저장하려면 다음을 사용하세요.

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

저장된 변수를 검색하려면:

var someVarName = localStorage.getItem("someVarKey");

localStorage는 문자열 값만 저장한다는 점을 기억하세요. 다른 데이터 유형으로 작업하려면 JSON.stringify 및 JSON.parse 사용을 고려하세요.

자세한 정보와 호환성 옵션은 MDN의 DOM 저장소 가이드와 아래 참조 섹션에 제공된 기타 리소스를 참조하세요.

위 내용은 페이지 새로 고침 후 JavaScript 변수를 어떻게 유지합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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