编程 Javascript

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