HTML5 Web Storage Example

HTML5 웹 스토리지 저장 script 부분 //로컬스토리지에 저장 function setLocalStorage(){ var textBox = document.querySelector('#txtBox1'); window.localStorage['key1'] = textBox.value; alert("로컬 스토리지 저장 완료!"); } //로컬스토리지 조회 function getLocalStorage(){ var textBox = document.querySelector('#txtBox2'); textBox.value = window.localStorage['key1']; alert("로컬 스토리지 조회 완료!"); } //세션스토리지에 저장 function setSessionStorage(){ var textBox = document.querySelector('#txtBox3'); window.sessionStorage['key1'] = textBox.value; alert("세션 스토리지 저장 완료!"); } //세션스토리지 조회 function getSessionStorage(){ var textBox = document.querySelector('#txtBox4'); textBox.value = window.sessionStorage['key1']; alert("세션 스토리지 조회 완료!"); }
HTML Tag 구현 <input type="text" id="txtBox1"> <div id="button1" data-role="button" onclick="setLocalStorage()" data-theme="c">Save Local Storage</div> <br /> <input type="text" id="txtBox2"> <div id="button2" data-role="button" onclick="getLocalStorage()" data-theme="c">Get Local Storage</div> <br /> <input type="text" id="txtBox3"> <div id="button3" data-role="button" onclick="setSessionStorage()" data-theme="c">Save Session Storage</div> <br /> <input type="text" id="txtBox4"> <div id="button4" data-role="button" onclick="getSessionStorage()" data-theme="c">Get Session Storage</div> <br />