当前位置:主页 > 网页前端 > 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>

您可能感兴趣的文章:

相关文章