zoukankan
html css js c++ java
使用userdata保存客户端数据(从51js找到的)
从51js找到一些好东西,作个备忘
示例一: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
>
示例二:文本框标记的应用
<
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
>
示例三: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
>
查看全文
相关阅读:
使用jQuery和CSS自定义HTML5 Video 控件 简单适用
在win7系统下使用Windows XP Mode 和 Windows Virtual PC搭建window xp系统
Runtime 解读
Reachability实时监控网络变化
关于AsyncSocket
关于CoreData的用法
邓白氏编码申请
Android 到底是个什么东西?
听 Fabien Potencier 谈Symfony2 之 《What is Symfony2 ?》
听 Fabien Potencier 谈Symfony2 之 《What is Dependency Injection ?》
原文地址:https://www.cnblogs.com/yg_zhang/p/570428.html
最新文章
这两天没心思做东西啊~~~唉~~~
关于触发器的若干收获
给.net添加MultiPage、TabStrip、Toolbar、treeView,treeview等控件
CSS3学习之边框(Border)
CSS3使用小技巧
oracle ——lob对象 /bfile 字段
oracle 之 外部表
Mongodb 学习笔记1:下载
oracle 之 远程登录
oracle—varray
热门文章
sp_executesql 和 Exec 的区别
时间函数 结果集集合操作
oracle rpad()函数
nosql——学习笔记(一)
oracle使用存储过程用execute immediateSQL报ORA01031错误问题
TSQL象数组一样处理字符串,分割字符串 (转)
服务器安全基本策略
使用虚拟机VirtualBox安装ubuntu 12.04LTS x32 The system is running in lowgraphics mode
让VS2010支持HTML5
使用虚拟机VirtualBox安装arch linux系统
Copyright © 2011-2022 走看看