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

所属分类: 网络编程 / JavaScript 阅读数: 1497
收藏 0 赞 0 分享

事实上,我们可以利用微软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)

代码如下:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

示例二:Checkbox标记的应用

代码如下:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

示例三:Select标记的应用

代码如下:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

JQuery AJAX提交中文乱码的解决方案

JQuery是一个非常优秀的框架,在特定场合下使用JQuery提交数据,相当的方便快捷。 但是,在处理一个GB2312编码的网站AJAX提交时,中文数据却成了乱码。
收藏 0 赞 0 分享

jquery.boxy插件的iframe扩展代码

jquery.boxy插件的iframe扩展
收藏 0 赞 0 分享

JSON JQUERY模板实现说明

用JSON从服务器端返回数据已是大家公认的标准,因为它短小精悍,使用方便.
收藏 0 赞 0 分享

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

对于多数网页制作的朋友,实现在客户端保存在网页表单上的信息,比较多的是采用Cookie技术来实现,这些功能例如:下拉列表框选择的选项,文本框输入的数据等。
收藏 0 赞 0 分享

Html中JS脚本执行顺序简单举例说明

写在最前面的最先执行,Body的onload事件要在页面加载完后才执行。
收藏 0 赞 0 分享

WEB高性能开发之疯狂的HTML压缩

一篇随笔中网友 skyaspnet 问我如何压缩HTML,当时回答是推荐他使用gzip,后来想想,要是能把所有的html,jsp(aspx)在运行前都压缩成1行未免不是一件好事啊。
收藏 0 赞 0 分享

高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现

在处理比较耗时的请求的时候,我们总希望先让用户先看到部分内容,让用户知道系统正在进行处理,而不是无响应。
收藏 0 赞 0 分享

javascript上下左右定时滚动插件

在网上找到的,我认为最为方便的一段定时滚动代码,找了很多其他的总是有这样那样的问题,好不容易找到的,就分享一下。
收藏 0 赞 0 分享

一个简单的js渐显(fadeIn)渐隐(fadeOut)类

最近发现项目用的表单验证不好使,干脆一边参考人家的一边自己写了一个。在验证有错误返回提示信息用到渐显(fadeIn)渐隐(fadeOut)过渡(因为浏览器的效率实在太高了,一下就蹦了出来~~);
收藏 0 赞 0 分享

一段批量给页面上的控件赋值js

一次性给页面上的控件赋值,控件的ID和数据库表字段对应一样,这样就一次性搞定了
收藏 0 赞 0 分享
查看更多