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的温度计动画效果
Jun 18 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
js常用系统函数用法实例分析
Jan 12 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 Javascript
vue实现登录功能
Dec 31 Vue.js
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 分页分组类
2009/12/10 PHP
PHP批量删除、清除UTF-8文件BOM头的代码实例
2014/04/14 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
javascript实现日历控件(年月日关闭按钮)
2012/12/12 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
浅析JavaScript中的类型和对象
2013/11/29 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
JavaScript实现刷新不重记的倒计时
2016/08/10 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
vuex实现的简单购物车功能示例
2019/02/13 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
python对csv文件追加写入列的方法
2019/08/01 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
JPA面试常见问题
2016/11/14 面试题
人事主管的岗位职责
2013/11/16 职场文书
村官工作鉴定评语
2014/01/27 职场文书
销售目标责任书
2014/07/23 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
如何使用Python实现一个简易的ORM模型
2021/05/12 Python