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实现UTF8编码转换成gb2312编码
Dec 22 Javascript
再谈javascript图片预加载技术(详细演示)
Mar 12 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
Apr 11 Javascript
JSON取值前判断
Dec 23 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
May 12 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
Vue中使用better-scroll实现轮播图组件
Mar 07 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和XSS跨站攻击的防范
2007/04/17 PHP
轻松修复Discuz!数据库
2008/05/03 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
php获取字段名示例分享
2014/03/03 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php文件系统处理方法小结
2016/05/23 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
微信小程序中使用wxss加载图片并实现动画效果
2018/08/13 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
在Django中使用Sitemap的方法讲解
2015/07/22 Python
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
python决策树之CART分类回归树详解
2017/12/20 Python
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
python 画条形图(柱状图)实例
2020/04/24 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
人力资源经理的岗位职责
2014/03/02 职场文书
学生操行评语大全
2014/04/24 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
优秀员工事迹材料
2014/12/20 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
使用springboot暴露oracle数据接口的问题
2021/05/07 Oracle
Vscode中SSH插件如何远程连接Linux
2022/05/02 Servers