只能前端操作
是浏览器提供的功能
存储的数据,只要你不主动删除,会一直存在
localStorage,能存储的数据,每个浏览器也不同,一般是 4M
localStorage,有JavaScript准备好的方法来使用
localStorage,存储的数据,数据必须是字符串 或者 json字符串
localStorage,就是项目中的所有文件都能访问
设定
window.localStorage.setItem('键名' , 键值);
// 设定
window.localStorage.setItem( 'name' , '张三' );
window.localStorage.setItem( 'msg' , JSON.stringify({name:'张三',age:18,sex:'男'}) );
获取
window.localStorage.getItem('键名');
// 获取
console.log( window.localStorage.getItem( 'name' ) );
console.log( JSON.parse( window.localStorage.getItem( 'msg' ) ))
删除
window.localStorage.removeItem('键名');
// 删除
window.localStorage.removeItem('msg')
window.localStorage.removeItem('name')
总结:
一般存储都是 json字符串 获取 还要 还原
与 cookie 的区别
一
cookie前端后端都能操作
localStorage只能前端操作
二
cookie会有效
localStorage永远存在
三
cookie同源才能访问
localStorage都能访问
四
cookie字符串键值对
localStorage可以是字符串,可以是json串
五
cookie存的少
localStorage存的多
Comments | NOTHING