编程 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"代码

Jan 09 Javascript

让ie6也支持websocket采用flash封装实现

Feb 18 Javascript

Javascript实现动态菜单添加的实例代码

Jul 05 Javascript

Web打印解决方案之证件套打的实现思路

Aug 29 Javascript

JavaScript交换两个变量值的七种解决方案

Dec 01 Javascript

浅谈DOM的操作以及性能优化问题-重绘重排

Jan 08 Javascript

Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)

May 09 Javascript

利用types增强vscode中js代码提示功能详解

Jul 07 Javascript

使用javaScript实现鼠标拖拽事件

Apr 03 Javascript

基于React+Redux的SSR实现方法

Jul 03 Javascript

微信小程序云开发如何实现数据库自动备份实现

Aug 16 Javascript

ant-design-vue中tree增删改的操作方法

Nov 03 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