로컬 저장소를 사용하여 JavaScript의 페이지 간에 변수를 전달하는 방법은 무엇입니까?

페이지에서 페이지로 JavaScript를 통해 변수 전달

목표는 변수 값을 "페이지 1"에서 "페이지 2, "를 입력하고 window.onload를 사용하여 표시합니다. 그러나 사용 중인 전역 변수 접근 방식이 문제를 일으키는 것 같습니다.

로컬 저장소: 다른 접근 방식

전역 변수에 의존하는 대신 로컬스토리지 API. 이 접근 방식을 사용하면 개별 페이지와 관계없이 브라우저에 로컬로 데이터를 저장할 수 있습니다. 다음은 localStorage를 사용하여 수정된 솔루션입니다.

page1.html

<code class="html"><script>
  window.onload = function() {
    var getInput = prompt("Enter your value:");
    localStorage.setItem("myValue", getInput);
  };
</script>

...

<input type="submit" value="Go To Page 2" onclick="location.href='page2.html'"></code>

page2.html

<code class="html"><script>
  window.onload = function() {
    var getValue = localStorage.getItem("myValue");
    alert("Value from page 1: " + getValue);
  };
</script></code>

이것은 이 접근 방식을 사용하면 발생한 전역 변수 문제를 방지하고 두 페이지 간에 변수 값을 효과적으로 전달할 수 있습니다.

위 내용은 로컬 저장소를 사용하여 JavaScript의 페이지 간에 변수를 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!