如何使用本地存储（window.localStorage）

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程 jquery方法

window.localStorage 是 Web 浏览器提供的一种本地存储机制，可以将数据保存在用户的计算机上。使用方法如下： 1. 设置数据：localStorage.setItem(key, value) 2. 获取数据：localStorage.getItem(key) 3. 删除数据：localStorage.removeItem(key) 4. 清空所有数据：localStorage.clear() 5. 检查某个键是否存在：localStorage.hasOwnProperty(key) 6. 获取所有的键名：localStorage.key(index) 7. 获取数据的过期时间：localStorage.getItem(key, defaultValue) 需要注意的是，localStorage 中的数据是以字符串的形式进行存储的，如果需要存储对象或数组，需要先将其转换为 JSON 字符串。

浏览器本地储存用window.localStorage方法来完成，window.localStorage分JS原生和JQuery封装两种方法。

菜鸡源码推荐下面这段自用的window.localStorage代码，原理自己网上找，下面这段复杂粘贴就直接用。

window.localStorage.setItem("key","value");//设置指定key的数据（JSON格式）window.localStorage.getItem("key");//获取指定key的数据window.localStorage.removeItem("key");//删除指定key的数据window.localStorage.clear();//清空所有的存储数据

备注也给大家加上了，创建、读取、删除、清空就这4种方法，修改就是同key在创建一次。