js本地存储解决方案(localStorage与userData).docx

《js本地存储解决方案(localStorage与userData).docx》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、js本地存储解决方案(localStorage与userData)WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。sessionStorage与localStorageWebStorage实际上由两部分组成：sessionS

2、torage与localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。userData语法：XML 

3、)"/>HTML Scripting object.style.behavior="url('#default#userData')"object.addBehavior("#default#userData")属性:expires设置或者获取userDatabehavior保存数据的失效日期。XMLDocument获取XML的引用。方法:getAttribute()获取指定的属性值。load(o

4、bject)从userData存储区载入存储的对象数据。removeAttribute()移除对象的指定属性。save(object)将对象数据存储到一个userData存储区。setAttribute()设置指定的属性值。localStorage方法：localStorage.getItem(key):获取指定key本地存储的值localStorage.setItem(key,value)：将value存储到key字段localStorage.removeItem(key):删除指定key本地存储的值封装

5、1localData={2hname:location.hostname?location.hostname:'localStatus',3isLocalStorage:window.localStorage?true:false,4dataDom:null,56initDom:function(){//初始化userData7if(!this.dataDom){8try{9this.dataDom=document.createElement('input');//这里使用hidden的input元素10

6、this.dataDom.type='hidden';11this.dataDom.style.display="none";12this.dataDom.addBehavior('#default#userData');//这是userData的语法13document.body.appendChild(this.dataDom);14varexDate=newDate();15exDate=exDate.getDate()+30;16this.dataDom.expires=exDate.toUTCSt

7、ring();//设定过期时间17}catch(ex){18returnfalse;19}20}21returntrue;22},23set:function(key,value){24if(this.isLocalStorage){25window.localStorage.setItem(key,value);26}else{27if(this.initDom()){28this.dataDom.load(this.hname);29this.dataDom.setAttribute(key,value

8、);30this.dataDom.save(this.hname)31}32}33},34get:function(key){35if(this.isLocalStorage){36returnwindow.localStorage.getItem(key);37}else{38if(this.initDom()){39this.dataDom.load(this.hname);40returnthis.data