当前位置：网站首页>52-localStorage本地存储

52-localStorage本地存储

2022-07-19 05:05:00 【longfei815】

52-localStorage本地存储

// 保存数据，以字符串的形式保存数据
// localStorage.setItem(数据名，值)
// localStorage.setItem('name','Vue')
// localStorage.setItem('age',8)
// 获取数据
// console.log(localStorage.getItem('name')); // 数据还存在
// console.log(localStorage.getItem('age'));
// 指定删除
// localStorage.removeItem('age')
// 清空数据
// localStorage.clear

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>52-localStorage本地存储</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- <link href="css/style.css" rel="stylesheet"> -->
        <script>
            // 保存数据，以字符串的形式保存数据
            // localStorage.setItem(数据名，值)
            // localStorage.setItem('name','Vue')
            // localStorage.setItem('age',8)
            // 获取数据
            // console.log(localStorage.getItem('name')); // 数据还存在
            // console.log(localStorage.getItem('age'));
            // 指定删除
            // localStorage.removeItem('age')
            // 清空数据
            // localStorage.clear

            let obj = {
                name:'Vue',
                age:8
            }
            // 如果保存的是对象，需要通过JSON.stringify转化成字符串，
            // 取出的时候需要通过JSON.parse转化成对象。
            localStorage.setItem('obj',JSON.stringify(obj))
            console.log(JSON.parse(localStorage.getItem('obj')).name);
            console.log(JSON.parse(localStorage.getItem('obj')).age,typeof JSON.parse(localStorage
            .getItem('obj')).age);
            // typeof作用：是查看前面数据的类型。
        </script>
    </head>
    <body>
    
    </body>
</html>

原网站

版权声明
本文为[longfei815]所创，转载请带上原文链接，感谢
https://blog.csdn.net/jolinoy/article/details/125597290

边栏推荐

猜你喜欢

随机推荐