对于多数网页制作的朋友，实现在客户端保存在网页表单上的信息，比较多的是采用Cookie技术来实现，这些功能例如：下拉列表框选择的选项，文本框输入的数据等。事实上，我们可以利用微软DHTML默认行为中的userData行为来实现这个功能。

因为很多网友问到这样的问题，整理了一下，并提供了三个示例。下面将就该行为的使用做一个介绍：

UserData 行为（userData Behavior）：

1、说明：

userData行为通过将数据写入一个UserData存储区（UserData store）来保存数据，userData可以将数据以XML格式保存在客户端计算机上，如果你用的是 Windows 2000 或者 Windows XP，是保存在C:/Documents and Settings/Liming/UserData/文件夹下（如果操作系统不是安装在C盘，那么C就应该是操作系统所在的分区）。

该数据将一直存在，除非你人为删除或者用脚本设置了该数据的失效期。

userData行为提供了一个比Cookie更具有动态性和更大容量的数据结构。每页的UserData存储区数据大小可以达到64 Kb，每个域名可以达到640 Kb。

userData行为通过sessions为每个对象分配UserData存储区。使用save和load方法将UserData存储区数据保存在缓存（cache）中。一旦UserData存储区保存以后，即使IE浏览器关闭或者刷新了，下一次进入该页面，数据也能够重新载入而不会丢失。

出于安全的考虑，相同协议使用同一个文件夹保存UserData存储区数据。

For security reasons, a UserData store is available only in the same directory and with the same protocol used to persist the store.

在HTML、HEAD、TITLE和STYLE标记上应用了userData行为后使用save和load方法将会出错。 
Setting the userData behavior (proposed) class on the HTML, HEAD, TITLE, or STYLE object causes an error when the save or load method is called.

必须在行内或者文档的HEAD部分宣告如下样式：

<STYLE> 
      .userData {behavior:url(#default#userdata);} 
   </STYLE>

userData行为可用于Microsoft? Win32?和Unix平台上的IE 5.0以上版本，不支持Netscape。

2、语法：

HTML     <ELEMENT STYLE="behavior:url('#default#userData')" ID=sID>

Script     object.style.behavior = "url('#default#userData')"

object.addBehavior ("#default#userData")

注：sID参数是一个可以描述该标记的唯一id。ID是可选的，但如果有，可以在脚本中方便地对该标记加以控制。

3、成员：

expires

设置或取得使用userData行为保存数据的失效日期。

脚本语法：对象ID.expires = 参数

参数是一个使用UTC（Universal Time Coordinate，世界调整时间）格式表示失效日期的字符串。该属性可以读写，没有默认值。浏览器会对比这个日期和当前日期，如果到期，该数据就自动失效。

getAttribute() 
  取得指定的属性值。

load(存储区名) 
  从UserData存储区载入存储的对象数据。

removeAttribute() 
  从对象中删除指定的属性值。

save(存储区名) 
  将对象数据存入一个UserData存储区。

setAttribute() 
  设置指定的属性值。

XMLDocument 
  取得存储该对象数据的XML DOM引用。

具体用法可以查看MSDN（http://msdn.microsoft.com）

4、示例

示例一：文本框标记的应用（Microsoft）

代码如下： 

<HTML>

<HEAD>

<STYLE>

.userData {behavior:url(#default#userdata);}

</STYLE>

<SCRIPT>

function fnSaveInput(){

var oPersist=oPersistForm.oPersistInput;

oPersist.setAttribute("sPersist",oPersist.value); //将oPersist.value存储为sPersist属性

oPersist.save("oXMLBranch");  //存储在名为oXMLBranch的UserData存储区

}

function fnLoadInput(){

var oPersist=oPersistForm.oPersistInput;

oPersist.load("oXMLBranch");  //载入在名为oXMLBranch的UserData存储区

oPersist.value=oPersist.getAttribute("sPersist"); //将sPersist属性赋值给oPersist.value

}

</SCRIPT>

</HEAD>

<BODY>

<FORM ID="oPersistForm">

<INPUT CLASS="userData" TYPE="text" ID="oPersistInput">

<INPUT TYPE="button" VALUE="Load" onclick="fnLoadInput()">

<INPUT TYPE="button" VALUE="Save" onclick="fnSaveInput()">

</FORM>

</BODY>

</HTML>

示例二：Checkbox标记的应用

代码如下： 

<style>

.userData {behavior:url(#default#userdata);}

</style>

<input type=checkbox id=chkbox1 class=userData>

<script>

var obj=document.all.chkbox1;

obj.attachEvent('onclick',saveChecked)

function saveChecked(){

obj.setAttribute("bCheckedValue",obj.checked);

obj.save("oChkValue");

}

window.attachEvent('onload',loadChecked)

function loadChecked(){

obj.load("oChkValue");

var chk=(obj.getAttribute("bCheckedValue")=="true")?true:false;

obj.checked=chk;

}

</script>

示例三：Select标记的应用

代码如下： 

<style>

.userData {behavior:url(#default#userdata);}

</style>

<select id="select1"  class="userData">

<option>option1</option>

<option>option2</option>

<option>option3</option>

<option>option4</option>

</select>

<script>

var obj=document.all.select1;

obj.attachEvent('onchange',saveSelectedIndex)

function saveSelectedIndex(){

obj.setAttribute("sSelectValue",obj.selectedIndex);

obj.save("oSltIndex");

}

window.attachEvent('onload',loadSelectedIndex)

function loadSelectedIndex(){

obj.load("oSltIndex");

obj.selectedIndex=obj.getAttribute("sSelectValue");

}

</script>

利用userData实现客户端保存表单数据的更多相关文章

  1. js下利用userData实现客户端保存表单数据

    对于多数网页制作的朋友,实现在客户端保存在网页表单上的信息,比较多的是采用Cookie技术来实现,这些功能例如:下拉列表框选择的选项,文本框输入的数据等. 事实上,我们可以利用微软DHTML默认行为中 ...

  2. 利用BeanUtils工具类封装表单数据

    一.BeanUtils工具类的使用 1.首先导入BeanUtils工具类的jar包 commons-beanutils-1.8.0.jar commons-logging-1.1.1.jar 2.se ...

  3. 如何使用PHP验证客户端提交的表单数据

    PHP 表单验证 本章节我们将介绍如何使用PHP验证客户端提交的表单数据. PHP 表单验证 在处理PHP表单时我们需要考虑安全性. 本章节我们将展示PHP表单数据安全处理,为了防止黑客及垃圾信息我们 ...

  4. PHP利用超级全局变量$_POST来接收表单数据。

    利用$_POST超级全局变量接收表单的数据,然后利用echo输出到页面. 下面是代码: <!doctype html> <html> <head> <titl ...

  5. C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)

    其原理是,利用winfrom模拟表单提交数据.将要提交的參数提交给网页,网页运行代码.得到数据.然后Winform程序将网页的全部源码读取下来.这样就达到windows应用程序和web应用程序之间传參 ...

  6. 利用jquery进行ajax提交表单和附带的数据

    1.获取表单数据: $form.serialize() 2.附带数据:input[status]=1 3.构造url链接:url = $form.attr('action') + '?input[st ...

  7. 如何利用WordPress创建自定义注册表单插件

    来源:http://www.ido321.com/1031.html 原文:Creating a Custom WordPress Registration Form Plugin 译文:创建一个定制 ...

  8. 如何发送HTML表单数据

    多数时候,HTML表单的目的只是为了把数据发给服务器,之后服务器再处理这些数据并发送响应给用户.虽然看起来挺简单的,但我们还是得注意一些事情以确保传送的数据不会破坏服务器.或者给你的用户制造麻烦. 数 ...

  9. flask 处理表单数据

    处理表单数据 表单数据的处理涉及很多内容,从获取数据到保存数据大致有以下步骤: 1.  解析请求,获取表单数据 2.  对数据进行必要的转换,比如讲勾选框的值转换成python的布尔值 3.  验证数 ...

随机推荐

  1. 解决 java循环中使用 Map时 在put值时value值被覆盖的问题

    其实很简单,只需要把容器换成list 然后在循环中,每次循环末尾map = new HashMap() 或者直接在循环中一开始就实例化hashmap(Map map = new HashMap();) ...

  2. 程序员 vs HR(皮这么一下很开心)

    最近网络上一段 HR VS 程序员 的表情包火了 来来来 我们近距离感受下 来源|网络:http://t.cn/RuTKC8B 哈哈哈!大家可以留言说说你们面试时候的趣事 更多内容关注公众号:51re ...

  3. 机器学习之利用KNN近邻算法预测数据

    前半部分是简介, 后半部分是案例 KNN近邻算法: 简单说就是采用测量不同特征值之间的距离方法进行分类(k-Nearest Neighbor,KNN) 优点: 精度高.对异常值不敏感.无数据输入假定  ...

  4. redis中key的归类

    redis中可以使用前缀对key进行归类: 例如:key: ITEM_INFO:123456:BASE ITEM_INFO:123456:DESC 作用:方便进行管理 如果把二维表保存到redis中: ...

  5. 高速下载百度网盘的方法，只需要一个软件【win/mac/linux】

    论坛里差不多全部都是用百度云的,但是官方百度云的限速,大家都懂的,下面教大家使用一个软件满速下载,不用油猴 1,软件支持mac,win64/32,linux.Linux只有自己编译使用,我也不会哈哈哈 ...

  6. JUC——延迟队列

    所谓的延迟队列最大的特征是它可以自动通过队列进行脱离,例如:现在有一些对象被临时保存着,但是有可能该集合对象是一个公共对象,那么里面的某些数据如果不在使用的时候就希望其可以在指定的时间达到后自动的消失 ...

  7. WebGL之shaderToy初使用

    做图形就要玩shader,我的shader进阶之路,从学习怎么使用shaderToy开始.首先介绍我是看哪篇文章学习的,给出参考文章地址:https://blog.csdn.net/xufeng099 ...

  8. 0.3 CMD常用命令！以及用CMD显得自己高大上

    CMD是大家熟知的Windows命令提示符(cmd.exe),它是 Windows NT 下的一个用于运行 Windows 控制面板程序或某些 DOS 程序的shell程序. CMD命令快捷键是:wi ...

  9. Netty源码分析第8章(高性能工具类FastThreadLocal和Recycler)---->第6节: 异线程回收对象

    Netty源码分析第八章: 高性能工具类FastThreadLocal和Recycler 第六节: 异线程回收对象 异线程回收对象, 就是创建对象和回收对象不在同一条线程的情况下, 对象回收的逻辑 我 ...

  10. Mysql读写分离——主从数据库+Atlas

    mysql集群 最近在参加项目开发微信小程序后台,由于用户数量巨大,且后台程序并不是很完美,所以对用户的体验很是不友好(简单说就是很卡).赶巧最近正在翻阅<大型网站系统与Java中间件实践> ...