ie的userdata 和 firefox的sessionStorage

保存客户端数据,ie用userdata  firefox用sessionStorage

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> UserData manager </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="emu">
<META NAME="Keywords" CONTENT="IE USER DATA manager">
<META NAME="Description" CONTENT="UserData manager">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var isIE = !!document.all;
if(isIE)
document.documentElement.addBehavior(
"#default#userdata");
function  saveUserData(key, value){
    
var ex; 
    
if(isIE){
        
with(document.documentElement)try {
            load(key);
            setAttribute(
"value", value);
            save(key);
            
return  getAttribute("value");
        }
catch (ex){
            alert(ex.message)
        }
    }
else if(window.sessionStorage){//for firefox 2.0+
        try{
            sessionStorage.setItem(key,value)
        }
catch (ex){
            alert(ex);
        }
    }
else{
        alert(
"当前浏览器不支持userdata或者sessionStorage特性")
    }
}

function loadUserData(key){
    
var ex; 
    
if(isIE){
        
with(document.documentElement)try{
            load(key);
            
return getAttribute("value");
        }
catch (ex){
            alert(ex.message);
return null;
        }
    }
else if(window.sessionStorage){//for firefox 2.0+
        try{
            
return sessionStorage.getItem(key)
        }
catch (ex){
            alert(ex)
        }
    }
else{
        alert(
"当前浏览器不支持userdata或者sessionStorage特性")
    }
}
function  deleteUserData(key){
    
var ex; 
    
if(isIE){
        
with(document.documentElement)try{
            load(key);
            expires 
= new Date(315532799000).toUTCString();
            save(key);
        }
        
catch (ex){
            alert(ex.message);
        }
    }
else if(window.sessionStorage){//for firefox 2.0+
        try{
            sessionStorage.removeItem(key)
        }
catch (ex){
            alert(ex)
        }
    }
else{
        alert(
"当前浏览器不支持userdata或者sessionStorage特性")
    }


saveUserData(
"emu","hello world !")
alert(loadUserData(
"emu"))
deleteUserData(
"emu")
alert(loadUserData(
"emu"))
//-->
</SCRIPT>
</BODY>
</HTML>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在 IE8 及以下版本中,sessionStorage 是不支持的,但可以通过 userData 来模拟实现类似 sessionStorage 的功能。 下面是一个简单的兼容 IE 的 sessionStorage 实现: ```javascript if (!window.sessionStorage) { Object.defineProperty(window, 'sessionStorage', { value: { getItem: function (key) { return document.documentElement.getAttribute('sessionStorage-' + key); }, setItem: function (key, value) { document.documentElement.setAttribute('sessionStorage-' + key, value); }, removeItem: function (key) { document.documentElement.removeAttribute('sessionStorage-' + key); } } }); } ``` 上述代码中,我们首先判断浏览器是否支持 sessionStorage,如果不支持,则使用 Object.defineProperty 方法将 sessionStorage 定义为一个对象,并在这个对象上定义 getItem、setItem 和 removeItem 方法,实现对应的功能。 对于 IE8 及以下版本,我们可以使用 userData 来模拟实现 sessionStorage。 ```javascript if (!window.sessionStorage) { Object.defineProperty(window, 'sessionStorage', { get: function () { if (!document.documentElement.getAttribute('sessionStorage')) { var storage = document.createElement('input'); storage.type = 'hidden'; storage.style.display = 'none'; storage.addBehavior('#default#userData'); document.body.appendChild(storage); var expires = new Date(); expires.setDate(expires.getDate() + 365); storage.expires = expires.toUTCString(); document.documentElement.setAttribute('sessionStorage', true); } return document.documentElement.getAttribute('sessionStorage'); }, value: { getItem: function (key) { var storage = this.storage; return storage.getAttribute(key); }, setItem: function (key, value) { var storage = this.storage; storage.setAttribute(key, value); storage.save('sessionStorage'); }, removeItem: function (key) { var storage = this.storage; storage.removeAttribute(key); storage.save('sessionStorage'); }, storage: null } }); } ``` 上述代码中,我们使用 Object.defineProperty 方法将 sessionStorage 定义为一个对象,并在这个对象上定义 getItem、setItem 和 removeItem 方法,实现对应的功能。同时,我们还定义了一个 storage 属性,用来保存 userData 对象。 在 sessionStorage 的 getter 方法中,我们首先判断是否已经创建了 userData 对象。如果没有,我们就创建一个 input 元素,并将其添加到页面中。然后,我们给这个 input 元素设置 expires 属性,指定 userData 的过期时间。最后,我们将一个标识设置为 documentElement 的属性中,表示已经创建了 userData 对象。 在 getItem、setItem 和 removeItem 方法中,我们都使用 storage 属性来获取或设置 userData 对象中的数据。每次修改数据时,我们都需要调用 save 方法来保存数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kingapex1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值