原生JavaScript常用本地浏览器存储方法五(LocalStorage+userData的一个浏览器兼容类)
基于LocalStorage+globalStorage+userData实现的一个本地存储类
userData用来兼容ie6 ie7
由userData模仿Session的方法:浏览器关闭删除保存的记录
var userStorage = {
isIE : null,
Local : function(){
if(document.all){
var oUserData;
if(!userStorage.isIE){
userStorage.isIE =(function(){
oUserData = document.body;
oUserData.addBehavior("#default#userdata");
})();
}
return {
set : function(key,value){
oUserData.setAttribute(key,value);
oUserData.save("UserData");
},
get : function(key){
oUserData.load("UserData");
return oUserData.getAttribute(key);
},
del : function(key){
oUserData.load("UserData");
oUserData.removeAttribute(key);
oUserData.save("UserData");
}
}
}else{
var localStorage = window.localStorage;
return {
set : function(key,value){
localStorage.setItem(key,value);
},
get : function(key){
return localStorage.getItem(key);
},
del : function(key){
localStorage.removeItem(key);
}
}
}
},
Session : function(){
if(document.all){
var oUserData;
if(!userStorage.isIE){
userStorage.isIE =(function(){
oUserData = document.body;
oUserData.addBehavior("#default#userdata");
})();
}
return {
set : function(key,value){
oUserData.setAttribute(key,value);
oUserData.save("UserData");
window.attachEvent('onbeforeunload', function(event){
if(event.clientX <= 0 || event.clientY <=0){
oUserData.load("UserData");
oUserData.removeAttribute(key);
oUserData.save("UserData");
}
});
},
get : function(key){
oUserData.load("UserData");
return oUserData.getAttribute(key);
},
del : function(key){
oUserData.load("UserData");
oUserData.removeAttribute(key);
oUserData.save("UserData");
}
}
}else{
var sessionStorage = window.sessionStorage;
return {
set : function(key,value){
sessionStorage.setItem(key,value);
},
get : function(key){
return sessionStorage.getItem(key);
},
del : function(key){
sessionStorage.removeItem(key);
}
}
}
},
closeWindow : function(){
}
}
var Local = new userStorage.Local();
Local.set("name","dtdxrk");
alert(Local.get("name"));
Local.del("name");
var Session = new userStorage.Session();
Session.set("age","30");
alert(Session.get("age"));
Session.del("age");
原生JavaScript常用本地浏览器存储方法五(LocalStorage+userData的一个浏览器兼容类)的更多相关文章
- 原生JavaScript常用本地浏览器存储方法一(方法类型)
有时需要将网页中的一些数据保存在浏览器端.好处就是当下次访问页面时,直接就可以从本地读取数据,不需要再次向服务器请求数据.目前常用的有以下几种方法: 1.cookie cookie会随着每次HTTP请 ...
- 原生JavaScript常用本地浏览器存储方法四(HTML5 LocalStorage sessionStorage)
HTML5 LocalStorage浏览器的支持的情况如上图,IE在8.0的时候就支持了.不过需要注意的是,IE测试的时候需要服务器环境(或者localhost). 测试自然是检测浏览器是否支持本地存 ...
- 原生JavaScript常用本地浏览器存储方法二(cookie)
JavsScript Cookie概述 cookie是浏览器提供的一种机制,它将document对象的cookie属性提供给JavaScript.可以由JavaScript对其进行控制,而并不是Jav ...
- 原生JavaScript常用本地浏览器存储方法三(UserData IE Only)
UserData的应用范围 serData是微软为IE专门在系统中开辟的一块存储空间,所以说只支持Windows+IE的组合,实际测试在2000(IE5.5).XP(IE6.IE7),Vista(IE ...
- 原生javascript实现类似jquery on方法的行为监听
原生javascript有addEventListener和attachEvent方法来注册事件,但有时候我们需要判断某一行为甚至某一函数是否被执行了,并且能够获取前一行为的参数,这个时候就需要其他方 ...
- 原生JavaScript常用的DOM操作
之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要原生Javascript来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或 ...
- 浏览器存储(cookie、localStorage、sessionStorage)
互联网早期浏览器是没有状态维护,这个就导致一个问题就是服务器不知道浏览器的状态,无法判断是否是同一个浏览器.这样用户登录.购物车功能都无法实现,Lou Montulli在1994年引入到web中最终纳 ...
- MUI常用脚本及原生JavaScript常用操作元素方法
1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("logi ...
- JavaScript常用全局属性与方法
最近,在学习JavaScript,Java作域链包含全局,记录下常用的全局属性与方法,就当是知识的积累,未列出全部,如需查看全部可参考JS相关的API文档. 常用的全局属性: 全局属性 作 ...
随机推荐
- Qt同步线程(QMutex QMutexLocker QReadWriteLock QSemaphore QWaitCondition )
Qt同步线程 我们知道,多线程有的时候是很有用的,但是在访问一些公共的资源或者数据时,需要进行同步,否则会使数据遭到破坏或者获取的值不正确.Qt提供了一些类来实现线程的同步,如QMutex,QMute ...
- 常见的 eslint 基本报错信息
Missing semicolon 缺少分号 Missing space before opening brace 左大括号前缺少空格 Trailing spaces not allowed 不允许尾 ...
- Luogu P3391 【模板】文艺平衡树 Splay 平衡树
https://www.luogu.org/problemnew/show/P3391 以前写过题解的入门题重写练板子.wdnmd真就 ' == ' 写成 ' = ' 了编译器不报错呗. #inclu ...
- Open Judge 1.4 09
09:判断能否被3,5,7整除 总时间限制: 1000ms 内存限制: 65536kB 描述 给定一个整数,判断它能否被3,5,7整除,并输出以下信息:1.能同时被3,5,7整除(直接输出3 5 ...
- Pytorch在colab和kaggle中使用TensorBoard/TensorboardX可视化
在colab和kaggle内核的Jupyter notebook中如何可视化深度学习模型的参数对于我们分析模型具有很大的意义,相比tensorflow, pytorch缺乏一些的可视化生态包,但是幸好 ...
- UOJ46 【清华集训2014】玄学 【时间线段树】
题目链接:UOJ 这题的时间线段树非常的妙. 对时间建立线段树,修改的时候在后面加,每当填满一个节点之后就合并进它的父亲. 对于一个节点维护序列,发现这是一个分段函数,合并就是归并排序.于是就形成了差 ...
- (14)打鸡儿教你Vue.js
重构 "代码重构" 为什么要进行重构 提高代码的可读性和可维护性 代码中存在着重复的代码 存在过大的类或过长的方法 强依赖.紧耦合的结构 运算逻辑难以理解 代码不能清晰 统一的编码 ...
- ZR#1012
## ZR#1012 blog咕咕咕了好久,开始补. 解法: 一个很显然的性质, $ x $ 只能转移到 $ x+1 $ 或者 $ 2x $ 处,所以我们可以以此性质建图,即 $ x $ 向 $ x ...
- spring boot + vue 前后分离实现登录功能(三)
Spring boot 后台 github 地址 SpringBoot-book-vue-demo 使用tk.mytabis 简化mybatis 开发 使用 durid 连接池 连接Mysql pom ...
- PLSQL命令行创建用户 以及 JDBC简单操作
目录 PLSQL Developer命令行创建用户以及表 课堂要点 JDBC 主外键约束 踩坑之路 设置ORACLE_HOME环境变量 PLSQL Developer命令行创建用户以及表 打开Co ...