改版了网上的一个js操作userdata

 更新时间:2007年04月27日 00:00:00   作者:  
改版了网上的一个js操作userdata,并根据其它网友的文章结合了下。希望对需要的朋友有所帮助。

复制代码 代码如下:

<input type=text id=a><button onclick="Session.save('a',a.value);"><button onclick="alert(Session.load('a'))">
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--

var Session={
isinit:false,
init:function(){
SessionObj = document.createElement('input');
SessionObj.type = "hidden";
SessionObj.id = "Sessionid";
SessionObj.style.behavior = "url('#default#userData')"
document.body.appendChild(SessionObj);
this.isinit=true;
},
save:function(sessionName,value){
this.isinit?'':this.init();
if (sessionName != null && sessionName != ""){
SessionObj.setAttribute(sessionName,value)
SessionObj.save("s")
}
},
load:function(sessionName){
this.isinit?'':this.init();
if (sessionName != null && sessionName != ""){
SessionObj.load("s");
return SessionObj.getAttribute(sessionName);
}
}
}

//-->
</SCRIPT>

下面是其它网友文章:
js 保存大量数据.
IE系列存储到电脑上,直到删除文件.
FF关闭则删除
复制代码 代码如下:

<script>
//userData类
var RuserData={
o:null,
timeExpires:7,
browser:'',
//初始化userdata
init:function()
{
if(this.browser != '')
return true;
if(window.ActiveXObject)//for IE {
try{
this.o=document.createElement("input");
this.o.id="Ruserdata";
this.o.type="hidden";
this.o.style.behavior="url(#default#userData)";
this.browser='ie';
document.body.appendChild(this.o);
return true;
}catch(e){return false;}
}else if(window.sessionStorage)//FF 2.0+*/
{
try{
this.o=window.sessionStorage;
this.browser='ff';
return true;
}catch(e){return false;}
}
return false;
},
setVal:function(key,val,timeout/*正定义超时时间,为空用默认值*/){
this.init();
if(this.browser == 'ie'){
try{
this.o.load(key);
this.o.expires=typeof timeout == 'undefined' ? this.getTimeLimit(this.timeExpires) : this.getTimeLimit(timeout);
this.o.setAttribute('value',val);
this.o.save(key);
return true;
}catch(e){return false}
}else if(this.browser == 'ff'){
try{this.o.setItem(key,val);return true;}
catch(e){return false}
}
},
getVal:function(key){
this.init();
if(this.browser == 'ie'){
try{
this.o.load(key);
return this.o.getAttribute('value');
}catch(e){return false;}
}else if(this.browser == 'ff'){
try{return this.o.getItem(key);}
catch(e){return false}
}
},
delVal:function(key){
this.init();
if(this.browser == 'ie'){
try{
this.o.load(key);
this.o.expires=new Date(315532799000).toUTCString();
this.o.save(key);
return true;
}
catch(e){return false;}
}else if(this.browser == 'ff'){
try{this.o.removeItem(key);return true;}
catch(e){return false}
}
},
getTimeLimit:function(days/*设置超时天数*/){
var d=new Date();
d.setDate(d.getDate() + days);
return d.toUTCString();
}
};
window.onload=function(){
//alert(RuserData.delVal('renchao'));
//alert(RuserData.setVal('renchao','脚本之家www.jb51.net'));
alert(RuserData.getVal('renchao'));
}
</script>

使用方法:
复制代码 代码如下:

window.onload=function(){
//alert(RuserData.delVal('renchao'));
//alert(RuserData.setVal('renchao','脚本之家www.jb51.net'));
alert(RuserData.getVal('renchao'));
}

相关文章

  • LayUI+Shiro实现动态菜单并记住菜单收展的示例

    LayUI+Shiro实现动态菜单并记住菜单收展的示例

    这篇文章主要介绍了LayUI+Shiro实现动态菜单并记住菜单收展的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 学习JavaScript设计模式之模板方法模式

    学习JavaScript设计模式之模板方法模式

    这篇文章主要为大家介绍了JavaScript设计模式中的模板方法模式,对JavaScript设计模式感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 对Web开发中前端框架与前端类库的一些思考

    对Web开发中前端框架与前端类库的一些思考

    这篇文章主要介绍了对Web开发中前端框架与前端类库的一些思考,本文讲解了前端框架的理解误区、前端框架与前端类库的区别、前端MVC框架思想等内容,需要的朋友可以参考下
    2015-03-03
  • javascript实现列表滚动的方法

    javascript实现列表滚动的方法

    这篇文章主要介绍了javascript实现列表滚动的方法,较为详细的分析了javascript实现列表滚动的页面布局及javascript滚动效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • JS正则验证邮箱的格式详细介绍

    JS正则验证邮箱的格式详细介绍

    这篇文章主要介绍了JS正则验证邮箱的格式。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 详解基于webpack&gettext的前端多语言方案

    详解基于webpack&gettext的前端多语言方案

    这篇文章主要介绍了详解基于webpack&gettext的前端多语言方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • javascript函数的call、apply和bind的原理及作用详解

    javascript函数的call、apply和bind的原理及作用详解

    javascript函数的call、apply和bind 本质是用来实现继承的,专业点说法就是改变函数体内部this的指向,当一个对象没有某个功能时,就可以用这3个来从有相关功能的对象里借用过来,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • js实现网页多级级联菜单代码

    js实现网页多级级联菜单代码

    这篇文章主要介绍了js实现网页多级级联菜单代码,涉及javascript基于数组动态构造多级级联菜单的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • JS 如果改变span标签的是否隐藏属性

    JS 如果改变span标签的是否隐藏属性

    JS 如果改变span标签的是否隐藏属性,大家根据需要选择使用。
    2011-10-10
  • JavaScript中数组常见操作技巧

    JavaScript中数组常见操作技巧

    下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作,需要的的朋友参考下吧
    2017-09-09

最新评论