js本地存儲(chǔ)解決方案(localStorage與userData)

1、js本地存儲(chǔ)解決方案(localStorage與userData)WEB應(yīng)用的快速發(fā)展，是的本地存儲(chǔ)一些數(shù)據(jù)也成為一種重要的需求，實(shí)現(xiàn)的方案也有很多，最普通的就是cookie了，大家也經(jīng)常都用，但是cookie的缺點(diǎn)是顯而易見的，其他的方案比如：IE6以上的userData，F(xiàn)irefox下面的globalStorage，以及Flash的本地存儲(chǔ)，除了Flash之外，其他的幾個(gè)都有一些兼容性的問題。sessionStorage與localStorageWeb Storage實(shí)際上由兩部分組成：sessionStorage與localStorage。sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)

2、話（session）中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁面才能訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲(chǔ)，僅僅是會(huì)話級(jí)別的存儲(chǔ)。localStorage用于持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過期的。userData語法：XML <Prefix: CustomTag ID=sID STYLE="behavior:url('#default#userData')" />HTML <ELEMENT STYLE="behavior:url(

3、9;#default#userData')" ID=sID>Scripting object .style.behavior = "url('#default#userData')"object .addBehavior ("#default#userData")屬性:expires 設(shè)置或者獲取 userData behavior 保存數(shù)據(jù)的失效日期。XMLDocument 獲取 XML 的引用。方法:getAttribute() 獲取指定的屬性值。load(object) 從 userData 存儲(chǔ)區(qū)

4、載入存儲(chǔ)的對(duì)象數(shù)據(jù)。removeAttribute() 移除對(duì)象的指定屬性。save(object) 將對(duì)象數(shù)據(jù)存儲(chǔ)到一個(gè) userData 存儲(chǔ)區(qū)。setAttribute() 設(shè)置指定的屬性值。localStorage方法：localStorage.getItem(key):獲取指定key本地存儲(chǔ)的值localStorage.setItem(key,value)：將value存儲(chǔ)到key字段localStorage.removeItem(key):刪除指定key本地存儲(chǔ)的值封裝 1 localData = 2 hname:location.hostname?location.hostnam

5、e:'localStatus', 3 isLocalStorage:window.localStorage?true:false, 4 dataDom:null, 5 6 initDom:function() /初始化userData 7 if(!this.dataDom) 8 try 9 this.dataDom = document.createElement('input');/這里使用hidden的input元素10 this.dataDom.type = 'hidden'11 this.dataDom.style.display = &

6、quot;none"12 this.dataDom.addBehavior('#default#userData');/這是userData的語法13 document.body.appendChild(this.dataDom);14 var exDate = new Date();15 exDate = exDate.getDate()+30;16 this.dataDom.expires = exDate.toUTCString();/設(shè)定過期時(shí)間17 catch(ex)18 return false;19 20 21 return true;22 ,23 se

7、t:function(key,value)24 if(this.isLocalStorage)25 window.localStorage.setItem(key,value);26 else27 if(this.initDom()28 this.dataDom.load(this.hname);29 this.dataDom.setAttribute(key,value);30 this.dataDom.save(this.hname)31 32 33 ,34 get:function(key)35 if(this.isLocalStorage)36 return window.localS

8、torage.getItem(key);37 else38 if(this.initDom()39 this.dataDom.load(this.hname);40 return this.dataDom.getAttribute(key);41 42 43 ,44 remove:function(key)45 if(this.isLocalStorage)46 localStorage.removeItem(key);47 else48 if(this.initDom()49 this.dataDom.load(this.hname);50 this.dataDom.removeAttribu