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中的类继承
Nov 25 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
Angular中$cacheFactory的作用和用法实例详解
Aug 19 Javascript
web打印小结
Jan 11 Javascript
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 Javascript
vue自动化表单实例分析
May 06 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
JavaScript编写开发动态时钟
Jul 29 Javascript
js实现上传图片到服务器
Apr 11 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内置的字符串处理函数详解
2017/02/04 PHP
JS 学习笔记 防止发生命名冲突
2009/07/30 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
javascript运行机制之this详细介绍
2014/02/07 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
2020/08/24 Javascript
Python单链表的简单实现方法
2014/09/23 Python
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
python调用xlsxwriter创建xlsx的方法
2018/05/03 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
推荐8款常用的Python GUI图形界面开发框架
2020/02/23 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
Python tkinter实现日期选择器
2021/02/22 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
东方电视购物:东方CJ
2016/10/12 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
浪费资源的建议书
2014/03/12 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
再见,2019我们不负使命;你好,2020我们砥砺前行
2020/01/03 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python