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 相关文章推荐
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
动态的9*9乘法表效果的实现代码
May 16 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
加强版phplib的DB类
2008/03/31 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
webpack学习教程之publicPath路径问题详解
2017/06/17 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
Vue中props的详解
2019/05/16 Javascript
[01:00:17]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第二场 1月25日
2021/03/11 DOTA
Python实现计算最小编辑距离
2016/03/17 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
python模块之time模块(实例讲解)
2017/09/13 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python微信好友数据分析详解
2018/11/19 Python
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
给医务人员表扬信
2014/01/12 职场文书
环保倡议书300字
2014/05/15 职场文书
2014年老干部工作总结
2014/11/21 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
法人代表证明书范本
2015/06/18 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
《雪地里的小画家》教学反思
2016/02/16 职场文书