Html5之web存储
2013-06-21 15:45
155 查看
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Web存储</title> <script type="text/javascript"> localStorage.lastname = "liu"; document.write(localStorage.lastname+"<br>"); /** * localStorage方法统计访问次数;没有时间限制的数据存储 */ if(localStorage.pagecount){ localStorage.pagecount = Number(localStorage.pagecount)+1; } else{ localStorage.pagecount = 1; } document.write("LocalStorage_Visits:"+localStorage.pagecount+"times"+"<br>");</script> <script type ="text/javascript"> /** * sessionStorage方法,对用户访问的次数统计,针对一个session的数据存储 */ sessionStorage.lastname = "liu"; document.write(sessionStorage.lastname+"<br>"); if(sessionStorage.pagecount){ sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1; } else{ sessionStorage.pagecount = 1; } document.write("SessionStorage_Visits:"+sessionStorage.pagecount+"times"); </script> </head> <body> <form> <input type="email" name="user" id="" required= "required"> <input type="number" name="name" id="n_1" min="12" max="20" required= "required"> <input type="submit" value="提交"> </form> </body> </html>
相关文章推荐
- 【翻译】HTML5开发——轻量级Web Database存储库html5sql.js
- HTML5-Web-存储
- 客户端存储之HTML5 web存储
- HTML5 | Web存储
- HTML5 Web 存储
- HTML5-桌面式web应用-数据存储
- HTML5 Web存储(Web Storage)(5)
- HTML5 Web 存储
- HTML5客户端数据存储Web Storage——localStorage与sessionStorage
- HTML5 Web存储
- HTML5本地化应用开发-HTML5 Web存储详解
- web前端-在迷惘中的探索HTML5(二)本地存储之IndexDB
- HTML5----Web Storage存储web数据
- HTML5web存储之localStorage
- HTML5本地存储——Web SQL Database
- HTML5学习笔记17-Web存储
- HTML5本地存储——Web SQL Database
- HTML5学习(八)----Web存储
- HTML5的web存储
- HTML5 Web 客户端五种离线存储方式汇总