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>