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实现div的拖动并调整大小类似qq空间个性编辑模块
Dec 12 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
JS精确判断数据类型代码实例
Dec 18 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实现读取和编写XML DOM代码
2010/04/07 PHP
PHP var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
js DOM模型操作
2009/12/28 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
jQuery的事件预绑定
2016/12/05 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
Angular2平滑升级到Angular4的步骤详解
2017/03/29 Javascript
Swiper实现轮播图效果
2017/07/03 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
解决$store.getters调用不执行的问题
2019/11/08 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
简单的编程0基础下Python入门指引
2015/04/01 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
python实现对列表中的元素进行倒序打印
2019/11/23 Python
django实现日志按日期分割
2020/05/21 Python
Python可以用来做什么
2020/11/23 Python
CSS3制作日历实现代码
2012/01/21 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
台湾旅游网站:灿星旅游
2018/10/11 全球购物
护理毕业生自我鉴定
2014/02/11 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
MySQL慢查询优化解决问题
2022/03/17 MySQL
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js