html5web存储

1.sessionStorage()针对session进行数据存储,关闭浏览器窗口后,数据会自动删除

sessionStorage.abc="";

2.localStorage()存储的数据没有时间限制,关闭网页再次打开网页,数据仍然可用。

localStorage.abc="";

//创建对象以及访问网站记录方面的区别

1.sessionStorage

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>sessionStorage</title>
</head>
<body>
<script>
//创建对象
sessionStorage.name="我们的公司是:英达科技文化有限公司!";
document.write(sessionStorage.name);
//制作网站访问记录计时器
if(sessionStorage.count)
{
sessionStorage.count=Number(sessionStorage.count)+1;
}
else
{
sessionStorage.count=1;
}
document.write(sessionStorage.count);
</script>
</body>
</html>

2.localStorage

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
  //新建对象
  localStorage.name="学习html5新技术-本地存储:";
  document.write(localStorage.name);
  //访问网站计数
  if(localStorage.count)
  localStorage.count=Number(localStorage.count)+1;
  else
  localStorage.count=1;
  document.write("您访问此网站的次数为"+localStorage.count);
</script>
</body>
</html>


发布了70 篇原创文章 · 获赞 0 · 访问量 3万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章