浏览器本地存储

最新推荐文章于 2024-07-26 11:48:42 发布

frontEndSmallWhite

最新推荐文章于 2024-07-26 11:48:42 发布

阅读量1.7k

点赞数

分类专栏： vue 文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_46376652/article/details/125777270

版权

一、localStorage

1、添加保存数据localStorage.setItem()

localStorage.setItem方法用于添加一个本地缓存数据，接收两个参数，为key-value类型；

注意：

①、当value数据类型为数字类型时，会自动转换为字符串类型进行存储；

②、当value中的数据类型为对象类型时，需要使用JSON.stringify()函数将其转换为字符串类型进行存储；

示例代码：

 <body>
        <h2>localStorage</h2>
        <button onclick="saveData()">点我保存一个数据</button>

        <script type="text/javascript">
            let p = {name:'李四',age:18}

            function saveData(){
                // localStorage.setItem方法用于添加一个本地缓存数据，为key-value类型
                localStorage.setItem('msg','hello')
                // 当value数据类型为

最低0.47元/天解锁文章

frontEndSmallWhite

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
浏览器本地存储

localStorage.setItem方法用于添加一个本地缓存数据，接收两个参数，为key-value类型；①、当value数据类型为数字类型时，会自动转换为字符串类型进行存储；②、当value中的数据类型为对象类型时，需要使用JSON.stringify()函数将其转换为字符串类型进行存储；localStorage.getItem()方法接收一个参数key，用于读取数据；JSON.parse()方法用于将对象字符串转换为对象类型；localStorage.removeItem()方法接收一个
复制链接

扫一扫

专栏目录