当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 使用userData保存文本内容

使用userData保存文本内容

2012/11/11 15:54:01作者:佚名来源:网络

移动端

【实例名称】

使用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保存文本内容运行效果

【难点剖析】

userData使用“setAttribute”方法设置变量的值,使用“saVe”方法保存到指定名称的存储区域。如果需要从userData中找到需要的变量,则先使用“load”方法找到指定名称的储存区域,然后使用“getAttribute”找到对应的变量值。

【源码下载】

为了JS代码的准确性,请点击:使用userData保存文本内容 进行本实例源码下载 

标签: 保存