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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
用jquery实现自定义风格的滑动条实现代码
Apr 26 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
详谈javascript异步编程
Feb 21 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
Vue响应式原理详解
Apr 18 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 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初学者头痛的十四个问题
2006/07/12 PHP
php中几种常见安全设置详解
2010/04/06 PHP
深入PHP5中的魔术方法详解
2013/06/17 PHP
PHP对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
User Scripts: Video Download by User Scripts
2007/05/14 Javascript
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
js类中的公有变量和私有变量
2008/07/24 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
2014/10/29 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
2019/05/30 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
React Native登录之指纹登录篇的示例代码
2020/11/03 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
基于python实现复制文件并重命名
2020/09/16 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
一些高难度的SQL面试题
2016/11/29 面试题
UNIX文件类型
2013/08/29 面试题
应届生保险求职信
2013/11/11 职场文书
《凡卡》教学反思
2014/04/09 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
国旗下演讲稿
2014/05/08 职场文书
合作协议书模板2014
2014/09/26 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
Java中CyclicBarrier和CountDownLatch的用法与区别
2021/08/23 Java/Android
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python