HTML5 LocalStorage 本地存储

sharembweb 21次浏览

摘要:localStorage作为HTML5本地存储web storage特性的API之一,主要作用是将数据保存在客户端中,而客户端一般是指用户的计算机。在移动设备上,由于大部分浏览器都支持web storage特性,因此在android和ios等智能手机上的web浏览器都能正常使用该特性。

localStorage保存的数据,一般情况下是永久保存的,也就是说只要采用localstorage保存信息,数据便一直存储在用户的客户端中。即使用户关闭当前web浏览器后重新启动,数据让然存在。知道用户或程序明确制定删除,数据的生命周期才会结束。

支持HTML5 LocalStorage 得浏览器有

1、IE 8.0+
2、Firefox 3.0+
3、Opera 10.5+
4、Chrome 4.0+
5、Safari 40.+
6、iPhone 2.0+
7、Android 2.0+

html5 localstorage 实例

一个浏览统计小程序,统计量是永久保存 
if (localStorage.pagecount) {
	localStorage.pagecount = Number(localStorage.pagecount) + 1;
} else {
	localStorage.pagecount = 1;
}
document.write("Visits " + localStorage.pagecount + " time(s)."); 

html5 sessionStorage 实例

一个浏览统计小程序,关闭网页后统计量就被清空
if (sessionStorage.pagecount) {
	sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1;
} else {
	sessionStorage.pagecount = 1;
}
document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");

localstorage 清空

localStorage.removeItem("c");//清除c的值 

localstorage存储数组

storage只能存储字符串的数据,对于JS中常用的数据或对象却不能直接存储,但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中就可以了。请看下面的代码。
 
var obj = { name:'Jim' }; 
var str = JSON.stringify(obj); 
//存入 
sessionStorage.obj = str; 
//读取 
str = sessionStorage.obj; 
//重新转换为对象 
obj = JSON.parse(str);
alert(obj.name) 

本文版权归作者所有,转摘请注明作者和出处!
作者:云祥孙
首发:http://sharembweb.com


随机内容

表情

共2条评论
  • 网友评论:

    赞一个

    2020-07-24 16:26:24 回复

  • 网友评论:

    学习了

    2020-07-24 16:26:24 回复

友情链接