html5本地存数据

2017-01-02 16:43
<html> 
<head>
    <script type= "text/javascript" src="http://code.hs-cn.com/jquery/jquery-1.7.1.min.js" ></script>
<script type= "text/javascript" >
        localData = {
            hname: location.hostname ? location.hostname : 'localStatus',
            isLocalStorage: window.localStorage ? true : false,
            dataDom: null,

            initDom : function () { //初始化userData
                if (!this.dataDom) {
                    try {
                        this. dataDom = document. createElement( 'input'); //这里使用hidden的input元素
                        this. dataDom. type = 'hidden';
                        this. dataDom. style. display = "none";
                        this. dataDom. addBehavior( '#default#userData'); //这是userData的语法
                        document. body. appendChild( this. dataDom);
                        var exDate = new Date();
                        exDate = exDate. getDate() + 30;
                        this. dataDom. expires = exDate. toUTCString(); //设定过期时间
                    } catch (ex) {
                        return false;
                    }
                }
                return true;
            },
            set: function (key, value) {
                if (this.isLocalStorage) {
                    window.localStorage.setItem(key, value);
                } else {
                    if (this.initDom()) {
                        this. dataDom. load( this. hname);
                        this. dataDom. setAttribute(key, value);
                        this. dataDom. save( this. hname)
                    }
                }
            },
            get: function (key) {
                if (this.isLocalStorage) {
                    return window .localStorage .getItem (key);
                } else {
                    if (this.initDom()) {
                        this. dataDom. load( this. hname);
                        return this. dataDom. getAttribute(key);
                    }
                }
            },
            remove : function (key) {
                if (this.isLocalStorage) {
                    localStorage.removeItem(key);
                } else {
                    if (this.initDom()) {
                        this. dataDom. load( this. hname);
                        this. dataDom. removeAttribute(key);
                        this. dataDom. save( this. hname)
                    }
                }
            }

    }
     function sart() {
         localData .initDom ();
         localData .set ("shikun" ,"[{'username':'雄伟','id':'1'},{'username':'雄伟1','id':'2'},{'username':'雄伟3','id':'3'}]" );
         var tJson = eval('(' + localData.get ("shikun" )+ ')');
         for (var i = 0; i< tJson. length; i++){
            console.log (tJson [i ]["username" ]);
         }

    }
    window.onload = sart();
//        parent.location.reload();

 </script> 
</head>


  • whizkiddeng 2017-01-02 16:48:47

    你是指博客的头像么,我的site.md里用的是gravatar: whizkiddeng@gmail.com,应该直接copy了邮箱的头像,忘了之前怎么弄的了,farbox的网页端好像可以直接拖图片改