【每日知识】存储对象

 1.localStorage对象作用 : 存储数据（local：本地；storage：存储）

            * 经典应用： 免登录

2.localStorage语法 :

            * 存数据：  localStorage.setItem('属性名',属性值)

            * 取数据:   localStorage.getItem('属性名')

            * 删数据:   localStorage.removeItem('属性名')

            * 清空数据: localStorage.clear()

3.localStorage注意点 :

            3.1 永久存储 ： 除非手动清除，否则一直存在

            3.2 只能存储字符串类型,如果存储其他类型，编译器会自动toString()转成字符串来存储

---

结构：

<button class="btn1">setItem</button>
<button class="btn2">getItem</button>
<button class="btn3">removeItem</button>
<button class="btn4">clear</button>

存数据：  localStorage.setItem('属性名',属性值) 

document.querySelector('.btn1').onclick = function(){
  localStorage.setItem('username','admin')
  localStorage.setItem('password','123456')
  localStorage.setItem('gender','男')
  localStorage.setItem('nickname',[10,20,30])
}

取数据:   localStorage.getItem('属性名')

document.querySelector('.btn2').onclick = function(){
   let uname = localStorage.getItem('username')
   let pword = localStorage.getItem('password')
   console.log(uname,pword)
}

删数据:   localStorage.removeItem('属性名')

document.querySelector('.btn3').onclick = function(){
  localStorage.removeItem('gender')
}

清空数据: localStorage.clear()

document.querySelector('.btn4').onclick = function(){
   localStorage.clear()
}