您的位置:首页 > Web前端 > HTML5

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息