JS localStorage实现本地缓存的方法

更新时间：2013年06月22日 11:25:01 作者：

JS localStorage实现本地缓存的方法，需要的朋友可以参考一下

<!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创建一个object对象并操作对象属性的用法
这篇文章主要介绍了JavaScript创建一个object对象并操作对象属性的用法,实例分析了javascript使用object类定义对象及属性的用法,需要的朋友可以参考下
2015-03-03
JavaScript实现计算圆周率到小数点后100位的方法示例
这篇文章主要介绍了JavaScript实现计算圆周率到小数点后100位的方法,简单分析了圆周率计算的原理并结合实例形式给出了javascript计算圆周率的具体操作技巧,需要的朋友可以参考下
2018-05-05
全面介绍javascript实用技巧及单竖杠
关于js 和javascript的技巧文章已经不少了，但是这篇文章则更加详细全面，文章先是介绍了使用技巧，而后详细解释了js运算符单竖杠“|”的用法和作用及js数据处理。
2016-07-07
JavaScript二叉搜索树构建操作详解
这篇文章主要介绍了JavaScript二叉搜索树构建操作详解，文章围绕主题展开二叉搜索树的性质以及二叉搜索树的构建、查找和删除等内容，需要的小伙伴可以参考一下
2022-07-07
JS实现左右拖动改变内容显示区域大小的方法
这篇文章主要介绍了JS实现左右拖动改变内容显示区域大小的方法,涉及JavaScript实时响应鼠标事件动态改变页面元素属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
JavaScript中调用函数的4种方式代码实例
这篇文章主要介绍了JavaScript中调用函数的4种方式代码实例,本文分别给出方法调用模式、函数调用模式、构造器调用模式、apply调用模式4种方式的代码实例,需要的朋友可以参考下
2015-07-07
javascript HTML5 canvas实现打砖块游戏
这篇文章主要介绍了基于javascript HTML5 canvas实现打砖块游戏的具体实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-04-04
escape、encodeURI 和 encodeURIComponent 的区别
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，今天我就在这里对这三个方法详细地分析与比较一下。
2009-03-03
在JavaScript中，为什么要尽可能使用局部变量？
在JavaScript中，我们应该尽可能的用局部变量来代替全局变量，这句话所有人都知道，可是这句话是谁先说的？为什么要这么做？有什么根据么？
2009-04-04
JavaScript如何自定义trim方法
本文介绍了如何自定义trim方法，trim的作用就是去除字符串前后空格,这个方法在字符串处理方面很有实用价值，需要的朋友可以参考下
2015-07-07