canvas教程

HTML5之离线数据存储

字号+ 作者:H5之家 来源:H5之家 2017-12-10 13:03 我要评论( )

HTML5之离线数据存储

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提供的广告

推荐图文

相关文章

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 使用canvas画图,图形模糊怎么办

    使用canvas画图,图形模糊怎么办

    2017-12-07 11:08

  • 数据结构和算法之排序四:冒泡排序

    数据结构和算法之排序四:冒泡排序

    2017-12-07 11:07

  • Canvas雪花飘飞,html5代码

    Canvas雪花飘飞,html5代码

    2017-12-06 17:13

  • 玩转html5 的 canvas画图

    玩转html5 的 canvas画图

    2017-12-06 08:25

网友点评