xiaofengyu 发表于 2013-1-29 13:39:26

HTML5 学习之web存储localStorage

localStorage 实例:<!DOCTYPE><html><head>    <title>test2.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript">function submitL(obj){var lname=document.getElementById("logname");if(lname.value=='test'){localStorage.lname=lname.value;}var ln=document.getElementById("msg");ln.innerHTML=localStorage.lname;}</script></head>    <body>    页面计数器<br />   localStorage <br/>    <input id="logname" value="" />    <input type="button" value="submit" >    <div id="msg">      </div>   <div id="numcount">          </div>       <script type="text/javascript">    if(localStorage.pagecount){    localStorage.pagecount=Number(localStorage.pagecount)+1;    }else{    localStorage.pagecount=1;    }    document.write("Visit: "+localStorage.pagecount+" times");    </script>      </body></html>
http://www.w3school.com.cn上说localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。本人小小测试了一下,当我们将数据存储下来后,关闭浏览器再次打开数据还能取出来,但是当你清除掉cookie时它就木有啦,木有啦!这个实际上还是和cookie相关的。其次,本人还发现一个问题是,从history访问页面时,计数器同样会计数。
页: [1]
查看完整版本: HTML5 学习之web存储localStorage