仓库源文，站点原文

title: JavaScript本地储存（2）：userData和localStorage categories:

• JavaScript
• 杂物间 tags:
• tech
• cnblogs warning: true date: 2013-03-28 11:25:00 fromUrl: http://www.cnblogs.com/hustskyking/archive/2013/03/28/javascript-userdata-and-localstorage.html from: 博客园

```Object of userDate&&localStorage

localData = { hname:location.hostname?location.hostname:'localStatus', isLocalStorage:window.localStorage?true:false, dataDom:null,

     initDom:function(){ //初始化userData
         if(!this.dataDom){
             try{
                 this.dataDom = document.createElement('input');//这里使用hidden的input元素
                 this.dataDom.type = 'hidden';
                 this.dataDom.style.display = "none";
                 this.dataDom.addBehavior('#default#userData');//这是userData的语法
                 document.body.appendChild(this.dataDom);
                 var exDate = new Date();
                 exDate = exDate.getDate()+30;
                 this.dataDom.expires = exDate.toUTCString();//设定过期时间
             }catch(ex){
                 return false;
             }
         }
         return true;
     },
     set:function(key,value){
         if(this.isLocalStorage){
             window.localStorage.setItem(key,value);
         }else{
             if(this.initDom()){
                 this.dataDom.load(this.hname);
                 this.dataDom.setAttribute(key,value);
                 this.dataDom.save(this.hname)
             }
         }
     },
     get:function(key){
         if(this.isLocalStorage){
             return window.localStorage.getItem(key);
         }else{
             if(this.initDom()){
                 this.dataDom.load(this.hname);
                 return this.dataDom.getAttribute(key);
             }
         }
     },
     remove:function(key){
         if(this.isLocalStorage){
             localStorage.removeItem(key);
         }else{
             if(this.initDom()){
                 this.dataDom.load(this.hname);
                 this.dataDom.removeAttribute(key);
                 this.dataDom.save(this.hname)
             }
         }
     }
 }

<h3>Usage [使用说明]</h3>
<p>　　<strong>1.初始化</strong></p>

localData.initDom();

<p>　　<strong>2.设置 key/value</strong></p>

localData.set(key, value);

<p>　　<strong>3.获取 value</strong></p>

localData.get(key);

<p>　　<strong>4.删除</strong></p>

localData.remove(key);

```

<h3>Attention [注意事项]</h3>

<h3>Related blog [相关博文]</h3>

<h3>Reference [参考资料]</h3>