페이지 새로 고침 후 JavaScript 변수 값을 어떻게 유지할 수 있습니까?

페이지 새로 고침 후 JS 변수 값 유지

페이지 새로 고침 시 JavaScript 변수 값 유지는 동적 웹 애플리케이션 및 사용자별 정보 보존에 필수적입니다. . 이를 달성하려면 페이지를 다시 로드하는 경우에도 데이터를 유지하는 웹 저장소 메커니즘을 활용해야 합니다.

강력한 도구 중 하나는 localStorage로, 이를 통해 브라우저에 데이터를 영구적으로 저장할 수 있습니다. 전체 웹사이트. 이는 여러 세션에 걸쳐 정보를 유지하려는 경우 유리합니다. localStorage를 사용하여 값을 설정하려면 다음을 사용하세요.

window.localStorage.setItem("variableName", value);

값을 검색하려면 다음을 사용하세요.

let retrievedValue = window.localStorage.getItem("variableName");

또는 현재 브라우저 세션에서는 sessionStorage를 사용할 수 있습니다. 구문은 localStorage와 유사하지만 sessionStorage는 브라우저 창이 닫힐 때 데이터를 지웁니다.

window.sessionStorage.setItem("variableName", value);
let retrievedValue = window.sessionStorage.getItem("variableName");

이러한 메커니즘에서는 문자열 값만 직접 저장할 수 있다는 점에 유의하는 것이 중요합니다. 다른 데이터 유형을 저장하려면 변환을 위해 JSON.stringify() 및 JSON.parse() 사용을 고려하세요.

localStorage를 지원하지 않는 브라우저에 대한 자세한 정보 및 해결 방법은 다음 리소스를 참조하세요. :

• [MDN의 DOM 저장소 가이드](https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage)
• [localStorage](https://developer.mozi lla.org/en-US/docs/DOM/Storage#localStorage)
• [JSON](https://developer.mozilla.org/en-US/docs/JSON)
• [브라우저 스토리지 호환성](http://caniuse.com/namevalue-storage)

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