localStorageDemo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="text" id="userName" />
        <input type="button" value="AddLocalStorage" id="add" />
        <input type="button" value="DeleteLocalStorage" id="delete" />
        <input type="button" value="Get" id="getLocalStorage" />
        <input type="button" value="ShowLength" id="length" />
        
        <script>            
            document.getElementById("add").onclick=function(){
                var username = document.getElementById("userName").value;
                window.localStorage.setItem(username,username);
            };
            document.getElementById("delete").onclick=function(){
                var username = document.getElementById("userName").value;
                window.localStorage.removeItem(username);
            };                        
            document.getElementById("getLocalStorage").onclick=function(){
                var username = document.getElementById("userName").value;
                var temp = window.localStorage.getItem(username);
                alert(temp);
            };
            document.getElementById("length").onclick=function(){
                var temp = window.localStorage.length;
                alert(temp);
            }
        </script>
        
    </body>
</html>

posted @ 2018-03-08 13:16  LLisit  阅读(87)  评论(0)    收藏  举报