编程 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 相关文章推荐

JavaScript传递变量: 值传递?引用传递?

Feb 22 Javascript

JavaScript Math.ceil() 函数使用介绍

Dec 11 Javascript

不使用ajax实现无刷新提交表单

Dec 21 Javascript

Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

Apr 29 Javascript

jQuery实现字符串全部替换的方法

Dec 12 Javascript

详谈jQuery unbind 删除绑定事件 / 移除标签方法

Mar 02 Javascript

详解vue-router 2.0 常用基础知识点之导航钩子

May 10 Javascript

angular.js指令中transclude选项及ng-transclude指令详解

May 24 Javascript

详解使用路由延迟加载 Angular 模块

Oct 12 Javascript

JS实现动态倒计时功能（天数、时、分、秒）

Dec 12 Javascript

JS实现横向轮播图（中级版）

Jan 18 Javascript

JavaScript接口实现方法实例分析

May 16 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 mkdir()无写权限的问题解决方法

2014/06/19 PHP

php打乱数组二维数组多维数组的简单实例

2016/06/17 PHP

Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】

2019/07/24 PHP

php-7.3.6 编译安装过程

2020/02/11 PHP

javascript下过滤数组重复值的代码

2007/09/10 Javascript

解析javascript系统错误：-1072896658的解决办法

2013/07/08 Javascript

Jquery实现侧边栏跟随滚动条固定（兼容IE6）

2014/04/02 Javascript

js中取得变量绝对值的方法

2015/01/03 Javascript

JS实现字符串转日期并比较大小实例分析

2015/12/09 Javascript

一步步教大家编写酷炫的导航栏js+css实现

2016/03/14 Javascript

bootstrap输入框组代码分享

2016/06/07 Javascript

jQuery基本过滤选择器用法示例

2016/09/09 Javascript

JS日期对象简单操作（获取当前年份、星期、时间）

2016/10/26 Javascript

JS树形菜单组件Bootstrap TreeView使用方法详解

2016/12/21 Javascript

js实现简单的网页换肤效果

2017/01/18 Javascript

BootStrap栅格系统、表单样式与按钮样式源码解析

2017/01/20 Javascript

angular学习之ngRoute路由机制

2017/04/12 Javascript

浅谈angularjs依赖服务注入写法的注意点

2017/04/24 Javascript

初学者AngularJS的环境搭建过程

2017/10/27 Javascript

基于Vue自定义指令实现按钮级权限控制思路详解

2018/05/23 Javascript

微信小程序使用component自定义toast弹窗效果

2018/11/27 Javascript

vue路由导航守卫和请求拦截以及基于node的token认证的方法

2019/04/07 Javascript

vue-cli3访问public文件夹静态资源报错的解决方式

2020/09/02 Javascript

ssh批量登录并执行命令的python实现代码

2012/05/25 Python

python处理图片之PIL模块简单使用方法

2015/05/11 Python

详谈Python基础之内置函数和递归

2017/06/21 Python

Python中函数及默认参数的定义与调用操作实例分析

2017/07/25 Python

python 接口_从协议到抽象基类详解

2017/08/24 Python

Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例

2019/12/18 Python

python实现批量修改文件名

2020/03/23 Python

html5 touch事件实现触屏页面上下滑动(一)

2016/03/10 HTML / CSS

顶级宝石首饰网络零售商：Angara

2016/10/25 全球购物

医学专业毕业生推荐信

2013/11/14 职场文书

爱与责任师德演讲稿

2014/08/26 职场文书

运动会入场词

2015/07/18 职场文书

vue实现无缝轮播效果（跑马灯）

2021/05/14 Vue.js