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

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

Patricia Arquette
풀어 주다: 2024-11-09 18:21:02
원래의
1079명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿