<form id="kpdlh"></form>

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

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

移動端

【實例名稱】

【實例描述】

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

【實例代碼】

<HTML>
<HEAD>
<STYLE>
   .userData {behavior:url(#default#userdata);}
</STYLE>
<SCRIPT>
function saveInput(){
   var oPersist=Form1.myText;
   oPersist.setAttribute("sPersist",oPersist.value);    
//將oPersist.value存儲為sPersist屬性
   oPersist.save("oXMLBranch");                         
//存儲在名為oXMLBranch的UserData存儲區(qū)
}
function loadInput(){
   var oPersist=Form1.myText;
   oPersist.load("oXMLBranch");                         
//載入在名為oXMLBranch的UserData存儲區(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>

【運行效果】

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

【難點剖析】

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

【源碼下載】

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

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