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
>
查看全文
相关阅读:
对于作用域和闭包的理解
响应式开发学习(3)——图片优化
响应式开发(2)
响应式开发(1)
数据结构
进阶题目
集合
数组
内存相关
线程
原文地址:https://www.cnblogs.com/yg_zhang/p/570428.html
最新文章
Python基础-day04-字典
Python基础-day01 基本语法
Docker基础篇-day01-docker概念及hello-world运行
Linux实操篇-day11-进程管理及RPM包管理
Linux实操篇-day10-网络配置
Linux实操篇-day09-磁盘分区和挂载
Linux实操篇-day08-任务调度
Linux实操篇-day07-权限管理
Linux实操篇-day06-组管理
Linux实操篇-day05-搜索查找类及压缩解压缩指令
热门文章
css笔记3
css笔记2
css笔记
xhtml笔记
基础知识总结
javascript权威指南第六章,关于对象
javascript权威指南第四章表达式与运算符
javascript权威指南第3章几个概念
css负边距布局
两种排列方法。
Copyright © 2011-2022 走看看