<textarea id="editor" style="width: 400px; height: 100px"></textarea>
<input type="button" value="发布" id="save"/>
核心实现:
<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.οnbefοreunlοad=function(){
if(!window.localStorage){
UserData.setItem('editor-text',editor.value);
}else{
localStorage.setItem('editor-text',editor.value);
}
};
window.οnlοad=function(){
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("save").οnclick=function(){
editor.value="";
if(!window.localStorage){
UserData.remove('editor-text');
}else{
localStorage.removeItem('editor-text');
}
};
</script>