웹 API 저장소를 사용하여 '진정한 글로벌'정수 변수 만들기

Question

두 개의 html 문서가 있는데 변수와 그 값을 공유하기를 원합니다. 자바 스크립트의 '진정한 글로벌'변수 대신에

, 나는 웹 API 스토리지 사용 시도했다 :

 var number = parseInt(localStorage.setItem('num',0)); 

저장은 항상 문자열입니다, 그래서 겉으로는 잘못 정수로 구문 분석 (보다는 보여주는 시도 내 프로그램에서 0으로 올리면 'NaN'으로 표시됨). 내 구문이 틀렸다고 가정 만 할 수 있니?

나는이 변수를 증가시킬 수 있기를 원하지만 (사용자가 무언가를 클릭 할 때마다 +1), 아직 이것을 알아 내지 못했다. 그런 다음 두 번째 html 문서에서 해당 값을 검색하려고합니다. 그러나 저장소 값을 구문 분석하기위한 초기 실수로 인해 아직 이러한 방법을 시도 할 수 없습니다.

Answer 1

localStorage.setItem이 undefined을 반환하기 때문에 그렇게 작동하지 않습니다. 값

// define variable 
var num = 0; 

// set to storage 
localStorage.setItem('num', num); 

// get from storage 
num = parseInt(localStorage.getItem('num')); 

// write-back incremented 
localStorage.setItem('num', num + 1); 

Answer 2

localStorage.setItem 매장을하지만 아무것도 반환하지 않습니다 - 또는 다른 말로 undefined를 반환하는 방법은 될 것이라고 할 수 있습니다. 숫자로 undefined을 구문 분석하면 NaN이 반환됩니다.

브라우저에서 파일을 볼 때 localStorage가 file://에서 작동하지 않는다는 점에 유의하십시오. 코드를 테스트하려면 최소 서버를 실행해야합니다.