新闻文章中心,网站新闻,网站文章,设计文章,前端文章,设计知识库,前端知识库,PS教程,网页设计教程,网站设计教程,前端教程,前端技术,最新资讯(平面海报设计,网站前端制作就找前沿视觉网(lyuid.com)联系QQ:1297335737、联系微信:w1297335737)
当前位置: > 前沿视觉网 > 新闻中心 > 前端文章 > HTML >

HTML5 WEB本地存储

时间:2020-09-12 20:54来源:www.lyuid.com 作者:前沿视觉网 点击:
HTML5 WEB本地存储,localStorage、sessionStorage.通过本地存储(Local Storage)

web本地存储(localStorage、sessionStorage)

 
 
API
sessionStorage 和 localStorage 的用法基本一致,引用类型的值要转换成JSON
 
 
保存数据到本地
const info = {
name: '前沿视觉网',
domain: 'www.lyuid.com',
slogan: '专注于UI设计网站前端解决方案'
 
};
 
 
sessionStorage.setItem('key', JSON.stringify(info));
localStorage.setItem('key', JSON.stringify(info));
 
 
从本地存储获取数据
var data1 = JSON.parse(sessionStorage.getItem('key'));
var data2 = JSON.parse(localStorage.getItem('key'));
 
本地存储中删除某个保存的数据
sessionStorage.removeItem('key');
localStorage.removeItem('key');
 
 
删除所有保存的数据
sessionStorage.clear();
localStorage.clear();
 
 
监听本地存储的变化
window.addEventListener('storage', function (e) {
  console.log('key', e.key);
  console.log('oldValue', e.oldValue);
  console.log('newValue', e.newValue);
  console.log('url', e.url);
})
 

栏目列表

推荐内容

扫码 付款

在线 咨询

商桥在线沟通
咨询后即可电话沟通

Q Q 咨询

1297335737
咨询后即可电话沟通

微信 咨询

意向 反馈

[email protected]
QQ邮箱留言合作意向或者相关建议