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
>
查看全文
相关阅读:
C#仿QQ皮肤系列之-引言
教你打造Silverlight超酷翻页实例
大文件上传 进度条显示 (仿csdn资源上传效果)
Winform下的地图开发控件(GMap.NET)使用心得之二
Web打印的解决方案之普通报表打印
基于jQuery的表单验证插件:jValidate
判断时间段内有几个休息期
C++基础语法
Web网页安全色谱
C#仿QQ皮肤-总体层次说明(二)
原文地址:https://www.cnblogs.com/yg_zhang/p/570428.html
最新文章
一个Windows后台服务(.Net的C#版) 定时访问数据库循环发送手机短信
Web打印的解决方案之证件套打
简单的自动更新程序实
今天痛下决心,把开发人员的外网给断了,不断是不好管了,人心散了队伍就不好带
C#仿QQ皮肤-总体层次说明(一)
sql级联删除
我的JS树(1)
一个题目包括70种网页制作常用技巧
tab选项卡
C#仿QQ皮肤-实现原理系列文章导航
热门文章
漫谈公司管理之员工绩效和效率管理
ExtJs 备忘录(9)—— Ext常用属性、方法小结 [系列完]
10个免费的javascript富文本编辑器(jQuery and nonjQuery)
【总结】IE和Firefox的Javascript兼容性总结
sl400驱动
超炫电子杂志JQ插件JMagazine
WinForm二三事(四)界面布局(上)
alter table cardInfo
jQuery 1.4: 15个你应该知道的新特性(译)
JQuery Maps
Copyright © 2011-2022 走看看