使用userData保存文本內(nèi)容

2012/11/11 15:54:01作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

userData行為提供了一個(gè)比Cookie更具有動(dòng)態(tài)性和容量更大的數(shù)據(jù)結(jié)構(gòu)。本例學(xué)習(xí)用其充當(dāng)cookie的方法。

【實(shí)例代碼】

<HTML>
<HEAD>
<STYLE>
   .userData {behavior:url(#default#userdata);}
</STYLE>
<SCRIPT>
function saveInput(){
   var oPersist=Form1.myText;
   oPersist.setAttribute("sPersist",oPersist.value);    
//將oPersist.value存儲(chǔ)為sPersist屬性
   oPersist.save("oXMLBranch");                         
//存儲(chǔ)在名為oXMLBranch的UserData存儲(chǔ)區(qū)
}
function loadInput(){
   var oPersist=Form1.myText;
   oPersist.load("oXMLBranch");                         
//載入在名為oXMLBranch的UserData存儲(chǔ)區(qū)
   oPersist.value=oPersist.getAttribute("sPersist");    
//將sPersist屬性賦值給oPersist.value
}
</SCRIPT>
</HEAD>
<BODY>
<FORM ID="Form1">
<INPUT CLASS="userData" TYPE="text" ID="myText">
<INPUT TYPE="button" VALUE="加載" onclick="loadInput()">
<INPUT TYPE="button" VALUE="保存" onclick="saveInput()">
</FORM>
</BODY>
</HTML>

【運(yùn)行效果】

使用userData保存文本內(nèi)容運(yùn)行效果

【難點(diǎn)剖析】

userData使用“setAttribute”方法設(shè)置變量的值，使用“saVe”方法保存到指定名稱的存儲(chǔ)區(qū)域。如果需要從userData中找到需要的變量，則先使用“l(fā)oad”方法找到指定名稱的儲(chǔ)存區(qū)域，然后使用“getAttribute”找到對(duì)應(yīng)的變量值。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：使用userData保存文本內(nèi)容進(jìn)行本實(shí)例源碼下載

標(biāo)簽： userData 保存文本內(nèi)容