userData 

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

</head>
<body>
<input type="text" name="editor" id="editor"/><br/>
<input type="button" name="delete" id="delete" value='delete'/>
<br/>
<input type="button" name="save" id="save" value='save'/><br/>
<input type="button" name="reload" id="reload" value='reload'/>
<script type="text/javascript">
var editor = document.getElementById("editor");
editor.value="";
var UserData = {
    userData : null,
    name : location.hostname,
   

    init:function(){
        if (!UserData.userData) {
            try {
                UserData.userData = document.createElement('INPUT');
                UserData.userData.type = "hidden";
                UserData.userData.style.display = "none";
                UserData.userData.addBehavior ("#default#userData");
                document.body.appendChild(UserData.userData);
                var expires = new Date();
                expires.setDate(expires.getDate()+365);
                UserData.userData.expires = expires.toUTCString();
            } catch(e) {
                return false;
            }
        }
        return true;
    },

    setItem : function(key, value) {

        if(UserData.init()){
            UserData.userData.load(UserData.name);
            UserData.userData.setAttribute(key, value);
            UserData.userData.save(UserData.name);
        }
    },

    getItem : function(key) {
        if(UserData.init()){
        UserData.userData.load(UserData.name);
        return UserData.userData.getAttribute(key)
        }
    },

    remove : function(key) {
        if(UserData.init()){
        UserData.userData.load(UserData.name);
        UserData.userData.removeAttribute(key);
        UserData.userData.save(UserData.name);
        }

    }
};

window.onbeforeunload=function(){
    console.log(document.getElementById("editor").value);
    if(!window.localStorage){
        UserData.setItem('editor-text',editor.value);
    }else{
        localStorage.setItem('editor-text',editor.value);
    }

};
window.onload=function(){
    console.log(document.getElementById("editor").value);
    if(!window.localStorage){
        if(UserData.getItem('editor-text')==undefined) {
            editor.value="";
        }else{
            editor.value=UserData.getItem('editor-text');
        }
    }else{
        if(localStorage.getItem('editor-text')!=null){
            editor.value=localStorage.getItem('editor-text');
        }else{
            editor.value="";
        }
    }

};
document.getElementById("delete").onclick=function(){
    if(!window.localStorage){
        UserData.remove('editor-text');
    }else{
        localStorage.removeItem('editor-text');
    }
}
document.getElementById("reload").onclick=function(){
    if(!window.localStorage){
        document.getElementById("editor").value=UserData.getItem('editor-text');
    }else{
        document.getElementById("editor").value=localStorage.getItem("editor-text");
    }
}
document.getElementById("save").onclick=function(){
    if(!window.localStorage){
        
        UserData.setItem('editor-text',document.getElementById("editor").value);
        console.log(UserData.getItem('editor-text'));
    }else{
        console.log(document.getElementById("editor").value);
        localStorage.setItem('editor-text',document.getElementById("editor").value);
        console.log(localStorage.getItem("editor-text"));
    }
}

</script>
</body>
</html>

 

posted @ 2015-08-31 18:24  ComeOfCome  阅读(223)  评论(0)    收藏  举报