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实现图片左右自动滚动示例
Sep 25 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
js常用DOM方法详解
Feb 04 Javascript
webpack 4.0.0-beta.0版本新特性介绍
Feb 10 Javascript
vue 过滤器filter实例详解
Mar 14 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 Javascript
js 图片懒加载的实现
Oct 21 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/12/05 PHP
php中处理模拟rewrite 效果
2006/12/09 PHP
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
javaScript实现浮点数转十六进制字符
2013/10/29 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
jQuery实现下拉菜单的实例代码
2017/06/19 jQuery
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
es6数值的扩展方法
2019/03/11 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
2019/04/04 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python使用matplotlib绘制折线图教程
2017/02/08 Python
python数据封装json格式数据
2018/03/04 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
Python reversed函数及使用方法解析
2020/03/17 Python
俄罗斯名牌服装网上商店:UNIQUE FABRIC
2019/07/25 全球购物
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
2012/05/30 面试题
青年创业培训欢迎词
2014/01/08 职场文书
《自选商场》教学反思
2014/02/14 职场文书
新法人代表任命书
2014/06/06 职场文书
幼儿园课题方案
2014/06/09 职场文书
买卖合同协议书范本
2014/10/18 职场文书
先进典型发言材料
2014/12/30 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
大学生自我鉴定怎么写
2019/05/07 职场文书
python 如何用terminal输入参数
2021/05/25 Python
Python matplotlib 利用随机函数生成变化图形
2022/04/26 Python