IE實現userData永久存儲

注意:只支持IE5,及其以上的瀏覽器

//需要使用 if 條件註釋
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>IE 中使用userData來進行持久化數據</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <script>
        window.οnlοad=function(){
            var memory=document.createElement('div');
            memory.id = '_memory';
            memory.style.display = 'none';
            memory.style.behavior = "url('#default#userData')";
            document.body.appendChild(memory);
            memory.load('myStoreData');
            var name = memory.getAttribute('username');
            if(!name){
                var name = prompt('what is your name?');
                memory.setAttribute('username',name);
                memory.save('myStoreData');

            }
        };
        function UserDataStorage(maxage){
            var memory=document.createElement('div');
            memory.id = '_memory';
            memory.style.display = 'none';
            memory.style.behavior = "url('#default#userData')";
            document.body.appendChild(memory);
            if(maxage){
                var now = new Date().getTime();
                var expires = now+maxage*1000;
                memory.expires = new Date(expires).toUTCString();
            }
            memory.load('UserDataStorage');
            this.getItem=function(key){
                return memory.getAttribute(key) || null;
            };
            this.setItem=function(key,value){
                memory.setAttribute(key,value);
                memory.save('UserDataStorage');
            };
            this.removeItem=function(key){
                 memory.removeAttribute(key);
                 memory.save('UserDataStorage');
            };
        }
    </script>
</body>
</html>
發佈了75 篇原創文章 · 獲贊 4 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章