HTML과 JavaScript를 이용하여 저장, 불러오기 기능을 구현하고 싶습니다.
글쓴이: HDNua / 작성시간: 토, 2016/02/20 - 1:22오후
HTML과 JavaScript를 이용하여 저장, 불러오기 기능을 구현하고 싶습니다.
localStorage를 이용하여 다음과 같이 저장을 구현할 수 있습니다.
function elem(id) { return document.getElementById(id); }
window.onload = function() {
alert(localStorage.getItem('value');
};
window.onunload = function() {
localStorage.setItem('value', elem('in'));
};
...
<input id='in'>다음을 참조하면, localStorage는 IE에서도 사용 가능한 것으로 보입니다.
http://www.w3schools.com/html/html5_webstorage.asp
그런데 문제는 Chrome에서는 htm 파일을 실행해도 잘 되는 게, IE에서는 되지 않는다는 것입니다. 검색해보니 http 웹 페이지에 올라와야 실행할 수 있다는 이야기를 얼핏 봤습니다.
이전에 Cookie를 이용하여 저장, 불러오기를 할 수 있다고 들어서 시도해보았습니다.
function setCookie(name, value) {
document.cookie = name + '=' + value + ';';
}
function getCookie(name) {
alert(document.cookie); // 아무 문자열도 뜨지 않음
}하지만 이것도 실패했어요.
1. localStorage를 대체할 방법이 있나요?
2. cookie를 이용하여 저장/불러오기를 흉내낼 수 있나요?
읽어주셔서 감사합니다.
Forums:
혹시 page reload 되지 않은 것 아닌가요?
혹시 page reload 되지 않은 것 아닌가요? cookie는 셋팅된 즉시 사용 불가능 하고, 페이지 reload 가 되어야 불러올 수 있습니다.
답변 감사합니다.
답변을 너무 늦게 확인했네요. 답변 감사합니다.
저는 이렇게 생각했습니다.