欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

JS localStorage实现本地缓存的方法

时间:2021-07-15 09:30:28|栏目:JavaScript代码|点击:

复制代码 代码如下:
<!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>

上一篇:微信小程序 select 下拉框组件功能

栏    目:JavaScript代码

下一篇:谈谈JavaScript自定义回调函数

本文标题:JS localStorage实现本地缓存的方法

本文地址:http://www.codeinn.net/misctech/157483.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有