localStrage对象
永久存储也称磁盘存储
只能存储字符串
存数据:localStorage.setItem('属性名',属性值)
取数据:localStorage.getItem('属性名')
删数据:localStorage:removeItem('属性名')
清空数据:localStorage:clear()
代码演示
<body>
<button class="setItem">存数据</button>
<button class="getItem">取数据</button>
<button class="removeItem">删除数据</button>
<button class="clear">清空数据</button>
<script>
let setItem = document.querySelector('.setItem').onclick = function () {
localStorage.setItem('name', '小吴')
localStorage.setItem('age', '20')
localStorage.setItem('sex', '男')
}
let getItem = document.querySelector('.getItem').onclick = function () {
console.log(localStorage.getItem('name'))
}
let removeItem = document.querySelector('.removeItem').onclick = function () {
localStorage.removeItem('sex')
}
let clear = document.querySelector('.clear').onclick = function () {
localStorage.clear()
}
</script>
</body>
sessionStrage对象
会话存储也称内存存储
只能存储字符串
存数据 ： sessionStorage.setItem('属性名',属性值)
取数据 ： sessionStorage.getItem('属性名')
删数据 : sessionStorage.removeItem('属性名')
清空数据 : sessionStorage.clear()
代码演示
<body>
<button class="setItem">存数据</button>
<button class="getItem">取数据</button>
<button class="removeItem">删除数据</button>
<button class="clear">清空数据</button>
<script>
let setItem = document.querySelector('.setItem').onclick = function () {
sessionStorage.setItem('name', '小吴')
sessionStorage.setItem('age', '20')
sessionStorage.setItem('sex', '男')
}
let getItem = document.querySelector('.getItem').onclick = function () {
console.log(sessionStorage.getItem('name'))
}
let removeItem = document.querySelector('.removeItem').onclick = function () {
sessionStorage.removeItem('sex')
}
let clear = document.querySelector('.clear').onclick = function () {
sessionStorage.clear()
}
</script>
</body>
json格式
JSON是什么: 是一种数据格式，本质字符串
JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。
JSON作用 : 解决数据 跨平台兼容性
js的数据类型转json:JSON.stringify(数据)
json转js数据类型:JSON.parse(数据)
