로컬 스토리지 프로그램/- Script 2011. 9. 23. 14:26
<html>
<head>
    <title></title>
    <script type="text/javascript">
        /* 스토리지 저장 */
        function SaveStorage() {
            var txtID = document.getElementById("txtID");
            var txtName = document.getElementById("txtName");
            localStorage["UserID"] = txtID.value;    // 로컬 스토리지에 데이타를 저장한다
            localStorage["UserName"] = txtName.value;    // 로컬 스토리지에 데이타를 저장한다
            ShowStorage();
        }
   
         /* 스토리지 출력 */
        function ShowStorage() {
            var storage = document.getElementById("divStorage");
            storage.innerHTML = "";
            storage.innerHTML += "아이디 :" + localStorage["UserID"];
            storage.innerHTML += "<br/>이름 :" + localStorage["UserName"];
        }

        /* 스토리지 삭제 */
        function DeleteStorage(key) {
            delete localStorage[key];   // 로컬 스토리지에 key값에 해당하는 데이타를 삭제한다.
            ShowStorage();
        }

        /* 스토리지 모든 데이타 삭제 */
        function ClearStorage() {
            localStorage.clear();   // 로컬 스토리지를 전부 지운다.
            ShowStorage();
        }
    </script>
</head>
<body>
    <h1>로컬 스토리지</h1>
    아이디:<input name="txtID" type="text" id="txtID" />
    이름:<input name="txtName" type="text" id="txtName" />

    <input onclick="SaveStorage()" type="button" value="저장"/>
    <input onclick="ClearStorage()" type="button" value="모두 삭제"/>
    <input onclick="ShowStorage()" type="button" value="스토리지값 보기"/>
    <div id="divStorage"></div>
</body>
</html>

'프로그램 > - Script' 카테고리의 다른 글

Strong Password[강력한 암호]  (0) 2011.10.11
Facebook LikeBox  (0) 2011.10.11
[Jquery]영역의 높이 너비 값 구하기  (0) 2011.08.03
글자수 체크  (0) 2011.08.03
아이프레임 리사이징 & 뒤로가기잠금  (0) 2011.07.05
,

티스토리툴바