2012-11-11 来源:网络
【实例名称】
使用userData保存文本内容
【实例描述】
userData行为提供了一个比Cookie更具有动态性和容量更大的数据结构。本例学习用其充当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存储区 } function loadInput(){ var oPersist=Form1.myText; oPersist.load("oXMLBranch"); //载入在名为oXMLBranch的UserData存储区 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使用“setAttribute”方法设置变量的值,使用“saVe”方法保存到指定名称的存储区域。如果需要从userData中找到需要的变量,则先使用“load”方法找到指定名称的储存区域,然后使用“getAttribute”找到对应的变量值。
【源码下载】
为了JS代码的准确性,请点击:使用userData保存文本内容 进行本实例源码下载
相关文章