sessionStorage :临时存储
// 经典场景： 页面间传值
// 1.语法
// 存数据：sessionStorage.setItem('属性名'，'属性值')
// 取数据：sessionStorage.getItem('属性名')
// 删数据：sessionStorage.removaItem('属性名')
// 清空数据：sessionStorage.clear()
// .注意点
// 3.1临时存储：数据存在内存中 页面关闭自动清空
// 3.2只能存储string类型数据，如果存储其他类型编译器会自动
// 转换string类型存储
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button class="setItem">存数据</button>
<button class="getItem">取数据</button>
<button class="removeItem">删数据</button>
<button class="clear">清空数据</button>
<script>
// 存数据 ；sessionStorage.setItem('属性名'，'属性值')
document.querySelector('.setItem').onclick = function() {
sessionStorage.setItem('uname', '吴亦凡')
sessionStorage.setItem('age', '31')
sessionStorage.setItem('gender', '男')
sessionStorage.setItem('hobby', 'playPlane')
}
// 取数据：sessionStorage.getItem('属性名')
document.querySelector('.getItem').onclick = function() {
let uname = sessionStorage.getItem('uname')
console.log(uname);
}
// 删数据：sessionStorage.removaItem('属性名')
document.querySelector('.removeItem').onclick = function() {
sessionStorage.removeItem('age')
}
// 清空数据：sessionStorage.clear()
document.querySelector('.clear').onclick = function() {
sessionStorage.clear()
}
</script>
</body>
</html>
