다른 html 파일에서 한 html 파일에 설정된 var을 사용하는 방법은 무엇입니까?

Question

js 함수를 사용하여 onclick 값을 설정하는 html 페이지가 있습니다. 다른 HTML 페이지에서이 값을 사용해야합니다. 나는 그것을 할 수 없다. 그것은 두 번째 페이지에서 값을 사용할 때 값을 다시 설정하는 것으로 보인다. .js 파일은 두 HTML 페이지에 모두 포함되어 있습니다. 여러 HTML 페이지에 설정된 값을 유지하려면 어떻게해야합니까?

Answer 1

JavaScript 자체 내에서 페이지로드간에 변수를 추적 할 수 없습니다. 한 페이지에서 다른 페이지로 변수를 전달하려면 '중간에있는 사람'을 사용해야합니다. 쿠키 또는 쿼리 문자열입니다.

쿠키가 효과적입니다. 여기 좋은 문서가로 자바 스크립트에서 쿠키를 얻기/설정의 세부 사항에 가지 않을 것이다 : http://www.w3schools.com/JS/js_cookies.asp

그 설정하여가와 (물론 당신이 당신의 요구에 맞게 사용자 정의 할 수있는) 방법을 얻을 :

첫 페이지 :

var yourVariableToSave = 'I like cheese and crackers'; 
var numDays = 10; //How long the cookie should last. 
setCookie('SomeCookieName', yourVariableToSave, numDays); 

두 번째 페이지 :

var yourVariable = getCookie('SomeCookieName'); 
alert(yourVariable); //Displays 'I like cheese and crackers' 

만 쿠키가 마지막하려면 현재 설정의 지속 기간을 설정하면 만료일을 지정하지 않도록 setCookie 함수를 수정할 수 있습니다.

단일 요청 인 경우 쿼리 문자열이 유용 할 수 있습니다. 이렇게하려면 ?someQueryStringName=YourVariableValue을 페이지의 모든 링크에 추가하거나 사용자가 다른 페이지를로드하려고 할 때 쿼리 문자열을 삽입 할 수 있습니다. 나는 쿠키가 조금 더 좋다고 의심하기 때문에이 옵션으로 깊이 들어가지 않을 것이다.