HTML5之离线数据存储

时间：2017-10-02 09:22 作者：QQ地带 我要评论

--- Storage接口

无论是sessionStorage还是localStorage

 

属性/方法返回值描述

-------------------------------------------------------

lengthinteger包含对象数目,只读

key(n)DOMString数组对象返回值

getItem(key)data获得某对象值

setItem(key,data)void设置某对象

removeItem(key)void移除某对象

clear()void清空

 

存储结构本质上仍然是个哈希表

变量使用UTF-16,即使空字符也可以当变量名

访问变量方式

setItem()

getItem()

localStorage.currentTemp = 18

 

--- 遍历所有存储变量

 

for(var i=0;i<localStorage.length;i++){

       var item = localStorage.getItem(localStorage.key(i));

       alert("找到元素 "+item);

   }

目前只支持字符类型,要转换 Json.stringify(itemsObject);

建议空间为5MB

 

--- sessionStorage

 

Cookies对站点绑定,多个浏览器实例共享一个

sessionStorage对浏览器绑定(无论新窗口或者新tab)

 

--- 读cookies的会变

 

window.onload = function() {

    var currDate =  new  Date();

    sessionStorage.setItem("currenttime",

    currDate.toLocaleString());

    document.cookie =

    "currenttime="+currDate.toLocaleString();

    updateHTML();

}

function updateHTML()  {

    document.getElementById("cu rrenttime").innerHTML =

    sessionStorage.getItem("currenttime");

    document.getElementById("cu rrtimeCookie").innerHTML

    = getCookie("currenttime");

}

--- localStorage

 

不同于SessionStorage,localstorage是针对协议、域名、端口的,类似于全局应用

 

<scripte type="text/javascript">

    localStorage.lastname="Smith";

    document.write(localStorage.lastname);

  </script>

标签： Html5

顶一下

(0)

0%

踩一下

(0)

0%

Google提供的广告

推荐图文

相关文章