web基于浏览器的本地存储方法应用
2023-06-13 09:14:41 时间
在客户端存储数据时，我们一般都用cookie(不敏感数据)，但是在客户端越来越富的今天，cookie可存储的量(每个域最大4k)实在是小。
在HTML5中有localStorage可使用，但是这就抛弃了IE8-。为了兼容，我们可以翻出IE很久以前就搞的一个存储方法：
给一个元素添加一个特殊的样式url(#default#userData)，之后就可以通过setAttribute和getAttribute来存取键值对形式的数据了。
要注意的一点就是在数据改变后要使用save方法，而数据加载初期要load。
接下来就贴上使用方法，当使用的浏览器支持HTML5时，就使用localStorage。
复制代码代码如下:
在HTML5中有localStorage可使用，但是这就抛弃了IE8-。为了兼容，我们可以翻出IE很久以前就搞的一个存储方法：
给一个元素添加一个特殊的样式url(#default#userData)，之后就可以通过setAttribute和getAttribute来存取键值对形式的数据了。
要注意的一点就是在数据改变后要使用save方法，而数据加载初期要load。
接下来就贴上使用方法，当使用的浏览器支持HTML5时，就使用localStorage。
varlocalStorage=(function(db){
if(typeofdb.clear=="function"){
returndb;
}
vardatabase=document.createElement("div")
database.id="database";
database.style.behavior="url(#default#userData)";
document.body.appendChild(database);
database.load("DataStore");
return{
setItem:function(key,val){
database.setAttribute(key,val);
database.save("DataStore");
}
,getItem:function(key){
returndatabase.getAttribute(key);
}
,removeItem:function(key){
database.removeAttribute(key);
database.save("DataStore");
}
};
}(localStorage||{}));
不过就算兼容了还是会有问题存在，例如在IE上存储的信息，通过Chrome打开时就获取不到了。
相关文章
- XDD-PLUS登录不上或者登录失败解决方法
- Linux系统修改dns的二种方法
- Oracle字符函数应用检测汉字的方法
- 重启MySQL服务器：Linux系统下的方法（linux如何重启mysql）
- 应用停止Linux下Jar应用的方法（linux停止jar）
- Linux下快速复制文本的方法（linux复制文本）
- 称查看Oracle数据库中索引名称的方法（oracle查看索引名）
- 探究Linux下摄像头应用的使用方法与技巧（linuxcamera）
- 深入理解Linux模块的工作原理及应用方法（linux模块）
- 在Oracle中管理表DDL的方法（oracle 表 ddl）
- Linux下英文字符乱码改善方法（linux显示英文乱码）
- MySQL非空约束的作用及应用方法（mysql不为空的约束）
- MySQL实现下拉选项功能的方法及应用（mysql下拉选项）
- asp.net(C#)中上传大文件的几中常见应用方法
- java多线程应用实现方法
- IIS7.5UrlScan3.1应用防火墙安装配置方法
- php实现压缩多个CSS与JS文件的方法
- C#应用XML作为数据库的快速开发框架实现方法