JS localStorage实现本地缓存的方法


Posted in Javascript onJune 22, 2013
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>本地缓存</title> 
    <script type="text/javascript"> 
        var strKey = "strKey"; 
        var storage = window.localStorage;         function onStart(){ 
            if(storage.getItem(strKey)!=null){ 
                alert(storage.getItem(strKey)+'localStorage'); 
            }else if(Cookie.read(strKey)!=null){ 
                alert(Cookie.read(strKey)+'cookie'); 
            } 
        } 
        function bendihuancun(){ 
            var strValue = document.getElementById("username").value; 
            if (storage) { 
            storage.setItem(strKey, strValue);   
        } else { 
            Cookie.write(strKey, strValue);  
        } 
        } 
    </script> 
  </head> 
  <body onload="onStart()"> 
    <input type="text" id="username" value="123"> 
    <input type="button" value="保存缓存" onclick="bendihuancun()"> 
  </body> 
</html>
Javascript 相关文章推荐
JavaScript的eval JSON object问题
Nov 15 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
vue中使用mxgraph的方法实例代码详解
May 17 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
Aug 08 Javascript
js获取某月的最后一天日期的简单实例
Jun 22 #Javascript
js遍历、动态的添加数据的小例子
Jun 22 #Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 #Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 #Javascript
js写一个字符串转成驼峰的实例
Jun 21 #Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 #Javascript
JS获得URL超链接的参数值实例代码
Jun 21 #Javascript
You might like
php preg_replace替换实例讲解
2013/11/04 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
PHP第三方登录―QQ登录实现方法
2017/02/06 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
Python读写Excel文件的实例
2013/11/01 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
Django框架模板介绍
2019/01/15 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
解决django FileFIELD的编码问题
2020/03/30 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
英国电气世界:Electrical World
2019/09/08 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
采购人员的个人自我评价
2014/01/16 职场文书
期末评语大全
2014/05/04 职场文书
12岁生日演讲稿
2014/05/14 职场文书
慰问信模板
2015/02/14 职场文书
毕业设计致谢语
2015/05/14 职场文书
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS