程序博客网 > 近年来赫哲族人口数据

h5 缓存

来源：互联网发布：近年来赫哲族人口数据编辑：程序博客网时间：2024/05/05 08:54

h5 缓存工具类

// 应用全局对象

var MyApp = new CMyApp();
function CMyApp(){
    this.Storage = new CAppStorage();
}
// 本地存储
function CAppStorage() {
   //保存对象到本地存储
   this.setObject = function(key, obj) {
           var str = null;

           if (obj != null && obj != undefined) {
               str = JSON.stringify(obj);
           }
           localStorage.setItem(key, str);
       }
   //保存对象到session
   this.setObjectSession = function(key, obj) {
       var str = null;

       if (obj != null && obj != undefined) {
           str = JSON.stringify(obj);
       }

       sessionStorage.setItem(key, str);
   }
   //清空session
   this.getObjectSessionclear = function() {
           sessionStorage.clear();
       }
       //保存字符串到本地存储
   this.setValuelocal = function(key, str) {
       localStorage.setItem(key, str);
   };

   //获取本地存储的字符串，如果找不到返回''
   this.getValuelocal = function(key) {
       var str = localStorage.getItem(key);
       if (str == undefined || str == null) str = '';
       return str;
   };

   //保存字符串到session
   this.setValueSession = function(key, str) {
       sessionStorage.setItem(key, str);
   };

   //获取session的字符串，如果找不到返回
   this.getValueSession = function(key) {
       var str = sessionStorage.getItem(key);
       if (str == undefined || str == null) str = '';
       return str;
   };
   //bool工具
   this.getBool = function(key) {
       var str = this.getValue(key).toLowerCase();
       if (str == '1' || str == 'true' || str == 't' || str == 'yes') return true;
       return false;
   }

   //获取本地存储的对象
   this.getObject = function(key) {
       var str = localStorage.getItem(key);
       if (str == undefined || str == null || str.length == 0) return null;

       try {
           var obj = eval('(' + str + ')');
           return obj;
       } catch (e) {
           return null;
       }
   };

   //获取session存储的对象
   this.getObjectSession = function(key) {
       var str = sessionStorage.getItem(key);
       if (str == undefined || str == null || str.length == 0) return null;

       try {
           var obj = eval('(' + str + ')');
           return obj;
       } catch (e) {
           return null;
       }
   };

   //移除指定的本地存储
   this.remove = function(key) {
       localStorage.removeItem(key);
   };

   //清空本地存储
   this.clear = function() {
       localStorage.clear();
   };

   this.getDefaultLoginUsr = function() {
       return this.getValue('DefaultUsrCode');
   };

   this.getDefaultLoginPassword = function() {
       return this.getValue('DefaultPassword');
   };

};

1。html登录列子

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="jquery.min.js"></script>
       <script src="storage.com.js"></script>
       <script src="login.js"></script>
   </head>
   <body>
       <input type="text" id="name"/>
       <input type="text" id="pass"/>
       <button onclick="login()">登录</button>
   </body>
</html>
2 。js 如何使用
function login(){
   var name = $("#name").val();
   var pass = $("#pass").val();
   MyApp.Storage.setValuelocal("name",name);
   MyApp.Storage.setValuelocal("pass",pass);
   MyApp.Storage.setValueSession("names",name);
   MyApp.Storage.setValueSession("passs",pass);
   window.location.href="ok.html"
}

3.html 成功界面

<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="jquery.min.js"></script>
       <script src="storage.com.js"></script>
       <script src="ok.js"></script>
   </head>
   <body>
       localStorage 本地缓存
       <input type="text" id="name" />
       <input type="text" id="pass" />
       sessionStorage sessionh缓存
       <input type="text" id="names" />
       <input type="text" id="passs" />
   </body>
</html>

4.js 取值

$(function(){
       var name = MyApp.Storage.getValuelocal('name');
       var pass =MyApp.Storage.getValuelocal('pass');
       var names = MyApp.Storage.getValueSession('names');
       var passs =MyApp.Storage.getValueSession('passs');
       $("#name").attr("value",name);
       $("#names").attr("value",names);
       $("#pass").attr("value",pass);
       $("#passs").attr("value",passs);
});

列子下载地址http://download.csdn.net/detail/qq_21170031/9542395

0 0

近年来赫哲族人口数据

近年来赫哲族人口数据

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子想不想修真打劫坊市市丸姬市杵岛姬桃花姬阿胶糕适合人群桃花姬阿胶糕吃多少梅花姬阿胶糕多少钱妖刀姬御神之刃干姬松茸的做法大全桃花姬阿胶糕效果姬存希微商代理价格表姬存希微商代理玖兰优姬到底爱谁姬松茸怎样吃魅姬蔻收敛毛孔精华液剧情破坏姬绅士的哲学桃花姬阿胶糕孕妇能吃吗姬存希县级代理拿货价格表加速世界之黑雪姬病床福利二次元播种系统永远亭辉夜姬市容管理玉林市容县市容城市市容和环境卫生管理条例市容环境卫生管理条例上海市市容环境卫生管理条例市容局是什么单位重庆市市容环境卫生管理条例陕西省城市市容环境卫生条例市川雅美市川真帆市川实日子市川里美市川春子市川雅美中文字幕市川雅美中文字幕在线市川留美重庆市巴川中学市川雅美全集在线播放市川美由纪市政工程市政