对IE浏览器 本地化存储UserData的一些方法的封装

最新推荐文章于 2022-03-25 12:01:32 发布
最新推荐文章于 2022-03-25 12:01:32 发布
阅读量2.4k 收藏
点赞数
分类专栏： JavaScript 开发积累 文章标签： 浏览器 存储 ie function button input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sz_bdqn/article/details/7701895
版权 
<script type="text/javascript">

var UserData = {
        userData : null,
        //name : location.hostname,
        //this.name = "css88.com";
        init:function(){
            if (!UserData.userData) {
                try {
                    UserData.userData = document.createElement('INPUT');
                    UserData.userData.type = "hidden";
                    UserData.userData.style.display = "none";
                    UserData.userData.addBehavior ("#default#userData");
					
                    document.body.appendChild(UserData.userData);
                    var expires = new Date();
                    expires.setDate(expires.getDate()+365);
                    UserData.userData.expires = expires.toUTCString();
                } catch(e) {
                    return false;
                }
            }
            return true;
        },
        setItem : function(key, value) {
			if(UserData.init()){
				UserData.userData.load(UserData.name);
				UserData.userData.setAttribute(key, value);
				UserData.userData.save(UserData.name);
            }
		},
		getItem : function(key) {
			if(UserData.init()){
				UserData.userData.load(UserData.name);
				return UserData.userData.getAttribute(key)
			}
        },
        remove : function(key) {
            if(UserData.init()){
				UserData.userData.load(UserData.name);
				UserData.userData.removeAttribute(key);
				UserData.userData.save(UserData.name);
            }
        }
    };

</script>

例子测试：

<script type="text/javascript">
	var fnLoadInput = function(){
			alert(UserData.getItem("a"));
			alert(UserData.getItem("b"));
			alert(UserData.getItem("c"));
	};
		
	var fnSaveInput = function(){
		UserData.setItem("a","aaaaaaaa");
		UserData.setItem("b","bbbbbbbb");
		UserData.setItem("c","cccccccc");
		
	};
</script>

</head>
<body>
<form id="oPersistForm">
	<input class="userData" type="text" id="oPersistInput" />
	<input type="button" value="load" οnclick="fnLoadInput()" />
	<input type="button" value="save" οnclick="fnSaveInput()" />
</form>

</body>


sz_bdqn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器存储封装
钱辉
10-29 276
浏览器存储封装
IE userData
weixin_33858249的博客
03-21 88
前面的话 　　IE浏览器实现了它专属的客户端存储机制——“userData”。userData可以实现一定量的字符串数据存储，可以将其用做是Web存储的替代方案。本文将详细介绍IE userData   概述 　　在IE5.0中，微软通过一个自定义行为引入了持久化用户数据的概念。用户数据允许每个文档最多128KB数据，每个域名最多1MB数据 　　[注意]IE9+浏览器不支持 　　要使用...
浏览器的本地存储
weixin_42051619的博客
12-24 432
什么是localStorage? 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 ...
IE浏览器下的存储方式——UserData
u012475786的专栏
12-16 5002
H5的出现多了很多特性，其中本地存储就是众多特性之一，但是IE对H5特性的支持并不是特别的好，特别是IE8一下的版本。以下介绍IE专门的存储方式UserData; userData 存储通过将数据写入一个UserData存储区（UserData store）来保存数据，userData将数据以XML格式保存在客户端上，UserData存储方式只适用于IE浏览器（window系统+IE）。User
IE中的userData
weixin_30606669的博客
03-03 124
　　之前做项目时用到了localstorage，但是考虑到浏览器存在IE8以下不兼容问题，所以来介绍以下IE中的userData。 　　本地存储解决方案很多，比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。 　　借用网上的一张图来...
IE本地存储userdata的一个bug说明
12-02
关于userdata的简单资料：请点击这里 再一次项目上用到ie的userdata，考虑当用户不使用flash插件用于存储一些聊天记录 触发bug？条件： 1、通过userdata在同一个xml文件内存储两个属性 xxx.setAttribute(‘a’, ...
JS实现本地存储信息的方法(基于localStorage与userData)
10-20
主要介绍了JS实现本地存储信息的方法,基于localStorage与userData实现本地存储的功能,需要的朋友可以参考下
storage:提供LocalStorage的本地化存储方案，支持IE（通过IE特性userData）
06-06
提供LocalStorage的本地化存储方案，支持IE（通过IE特性userData）。 注意：IE6 IE7等是通过userData来持久化存储数据的，不支持复杂对象的存储，例如Array、Object等，如果有此需求，请转为JSON后再进行存储。 如何...
IE userdata 原理 应用 详解
weixin_30593443的博客
04-24 130
转自：http://hi.baidu.com/fevelen/blog/item/ac9be7ffffbe092f5d60084d.html 在Internet Explorer 5中，Microsoft提供了名为userData的客户端持久存储功能。它是通过对CSS行为进行特殊扩展来实现的。这些扩展完全都是非标准的，是 90年代后期浏览器大战遗留下来的产物。由于它概念模糊、使用困难，并且...
常见浏览器端存储技术
alidream37的博客
07-10 221
注：整理自https://blog.csdn.net/csdn_haow/article/details/53466153以及其他网站，仅供自己学习，会随时修改。意义：有时需要将网页中的一些数据保存在浏览器端，这样做的好处是，当下次访问页面时，不需要再次向服务器请求数据，直接就可以从本地读取数据。目前常用的有以下几种方法：cookiecookie会随着每次HTTP请求头信息一起发送，无形中增加了网...
IE实现userData永久存储
新的启程的博客
04-18 2113
注意：只支持IE5，及其以上的浏览器 //需要使用 if 条件注释 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>IE 中使用userData来进行持久化数据</title> <link
IE客户端使用userData建立缓存
Yu Mu's Blog
05-21 1737
IE的DHTML提供了比cookie容量更大的客户端缓存--userData,你可以通过查看C:/Documents and Settings/%username%/UserData，查看某用户下IE缓存的信息，清除缓存文件夹或者清除cookie都不会把它们删掉。而且它的大小限制是单个页面64k，一个站点640k的大小。具体用法请参考：msdn:http://msdn.microsoft.co
HTML5浏览器本地存储
Yomean的博客
08-16 812
HTML5的本地存储有两种：localStorage和sessionStorage。localStorage：不限制存储时间，如果不删除或者在浏览器中清除数据则会一直存在。 sessionStorage：在页面创建的时候生成，页面关闭时销毁，不用主动删除。 localStorage使用： localStorage.name='Galiyun'; //把Galiyun保存到nam
JavaScript本地存储实践（html5的localStorage和ie的userData）
weixin_30362083的博客
06-12 131
本地存储解决方案很多，比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案： Cookie：在web中得到广泛应用，但局限性非常明显，容量太小，有些站点会因为出于安全的考虑而禁用cookie，...
sessionStorage,UserDataStorage,cookie全兼容写法存在的问题
小红帽的博客
02-25 4015
今天在项目中为了性能问题，打算用本地存储来保存网页的状态，h5中推出两个非常强大的API---sessionStorage和localStorage，经实际检测发现可以兼容到IE8，但是IE还有自己的本地存储方案--UserDataStorage，可以兼容到IE5。可能有人会问，为什么不用cookie，前面说到了性能的问题，cookie的作用域在指定的路径以及它的子路径都有效，并且会附加到请求中，这会发送很多不必要的数据。
浏览器本地存储（cookie、sessionStorage和localStorage）
小白目的博客
03-25 3210
1、Cookie 特点：存储大小4KB左右；可设置失效时间；通信时会携带在HTTP头中，使用cookie保存过多数据会影响性能。 注意：cookie的跨域可以理解为跨域名，只要二级域名相同，不涉及到端口，数据就是共享的。 实用场景：Cookie和session结合使用，通信时后端生成sessionId存储到Cookie中，用户每次请求都会携带这个sessionId，这样服务端就知道是谁发起的请求，从而响应相应的信息。(可能受到csrf攻击) 【session 依赖于cookie实现存储在服务端，不同
使用userdata和localstorage做跨浏览器本地储存
xcntime的专栏
01-30 867
From : http://www.dewen.org/q/4108/h5%E7%9A%84localStorage%E5%92%8C%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8IE6%E3%80%81IE7%E4%B8%8D%E6%94%AF%E6%8C%81 1.浏览器支持 userData是微软为IE在系统中开辟的存储空间。因此只支持windows+IE。意
简单介绍浏览器端的几种存储技术
热门推荐
Summer_15的博客
05-20 1万+
这个问题经常会被问到，在这里简单总结一下~ 1、Cookie cookie是什么：cookie是指存储在用户本地终端上的数据，同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和web服务器之间传输，也就是说HTTP请求发送时，会把保存在该请求域名下的所有cookie值发送给web服务器，因此服务器端脚本是可以读、写存储在客户端的cookie的操作。 cook
sessionStorage 兼容ie浏览器写法
最新发布
05-17
在 IE8 及以下版本中，sessionStorage 是不支持的，但可以通过 userData 来模拟实现类似 sessionStorage 的功能。 下面是一个简单的兼容 IE 的 sessionStorage 实现： ```javascript if (!window.sessionStorage) ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值