localstorage 이용 방법

function save(item) { var playlistArray = getStoreArray("playlist"); playlistArray.push(item); // localhost storage 저장 localStorage.setItem("playlist", JSON.stringify(playlistArray)); } function loadPlaylist() { var playListArray = getSaveSongs(); var ul = document.getElementById("playlist"); if( playListArray != null ) { for(var i=0;i<playListArray.length;i++) { var li = document.createElement("li"); li.innerHTML = playListArray[i]; ul.appendChild(li); } } } function getSaveSongs() { return getStoreArray("playlist"); } function getStoreArray(key) { //로컬스토리지 불러오기 var playListArray = localStorage.getItem(key); if( playListArray == null || playListArray == "" ) { playListArray = new Array(); } else { //JSON 이용 -- JSON html5의 기본객체임 playListArray = JSON.parse(playListArray); } return playListArray; }

localstorage 이용
그리고 html5 부터 기본인 JSON 을 이용한 직렬화!