【前端】H5本地存储&新的JS-API

发布时间:2018-07-24 09:02:03

1.支持性检测

  if(window.localStorage){

alert('支持');

}else{

alert('不支持');

  }

2.localStorage为永久性保存数据,不会随着浏览器的关闭而消失,可以在同域名跨页访问。

例:var storage=window.localStorage;

3.setItem(key,value),保存或设置数据

例:storage.setItem("name","小明");

4.getItem(key);   获取key对应的value。

例:storage.getItem("sex");

5.key(index);  获取指定下标位置的key

例:var b=storage.key(0);

6.length 获取localStorage一共有多少条数据

7.清除数据

 (1) clear(); 将同域名下的所有localStorage数据都清空

        例:storage.clear();

 (2) removeItem('key') 删除数据,通过key来删除相应的value

例:storage.removeItem('name');

8.storage事件 当有更改时,触发这个事件

9.sessionStorage为临时性保存数据,当页面关闭就会消失,不能跨页面访问,也不会触发跨标签页的storage事件

10.storage和json


远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】