JS localStorage实现本地缓存的方法

时间:2020-05-13 人气:0

<!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>

加载全部内容