LocalStorage是一种使用JavaScript存储持久数据的方法(另请参见:SessionStorage)。
您好,如何在我使用 redux 的 todo 应用程序中正确实现 localStorage 的使用?
我遇到了以下问题:我使用 React 和 Redux 创建了一个待办事项应用程序,它运行良好,直到我决定实现 localStorage。当我启动我的应用程序时,我收到一个很常见的错误:“Unc...
我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。 这是下拉菜单的代码。 请... 我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。 这是下拉菜单的代码。 <select id="sort"> <option value="">Please choose…</option> <option value="?sort[date_created]=ASC">Sort by Date (ASC)</option> <option value="?sort[date_created]=DESC">Sort by Date (DESC)</option> </select> <script> document.getElementById("sort").onchange = function() { if (this.selectedIndex!==0) { window.location.href = this.value; }}; </script> 我已经创建了下拉菜单,链接一切正常,但我想保存当前选择。因此,当页面重新加载时,下拉列表中的选择应保持保存状态。 为了解决您想要的问题,您需要解决两个子问题。 第一:如何将select的值设置为你想要的值。基本上,您可以在定义标记时将 select 属性添加到您选择的 option 中,或者找到选择元素并更改其值。下面的代码片段执行后者,但您可以使用前者,只要您可以在服务器端执行此逻辑即可。由于您没有指定有关服务器的任何信息,因此我将仅说明仅客户端解决方案,但重要的是要注意这不是唯一可能的选择。 function choose(what) { document.getElementById("sort").value = what; } <select id="sort"> <option value="">Please choose…</option> <option value="?sort[date_created]=ASC">Sort by Date (ASC)</option> <option value="?sort[date_created]=DESC">Sort by Date (DESC)</option> </select> <input type="button" onclick="choose('')" value="Please choose"> <input type="button" onclick="choose('?sort[date_created]=ASC')" value="Sort by Date (ASC)"> <input type="button" onclick="choose('?sort[date_created]=DESC')" value="Sort by Date (DESC)"> 在这里我们可以看到一个名为 function 的 choose,它接收 what 到 choose,然后继续查找 HTML 元素并将其 value 更改为该元素。我们有一些 input 元素,其中 type 是 button,用于说明这是有效的。 第二:如何保存和加载localStorage中的值。基本上你可以通过 localStorage 从 localStorage.getItem("someitem") 读取并通过 localStorage.setItem("someitem", somevalue) 写入其中。 所以,在你的情况下,变更处理程序可能有 localStorage.setItem("sort", this.value); 在任何重定向之前,因此 localStorage 将具有该值。然后,您可以在页面加载时执行类似的操作 if (localStorage.getItem("sort")) { choose(localStorage.getItem("sort")); } 因此,如果该项目有 true 值,则将值更改为它。
如何使用 vanilla JS 将 CSV 文件导入本地存储
我必须导入保存在 .csv 文件中的数据,然后将其保存到本地存储。 我之前编写了一个将日期导出到 .csv 的脚本,现在我必须执行相反的操作。 我知道我需要做
如何运行基于本地存储布尔值类型的 if/else 语句? [重复]
我希望此代码找到本地存储值,如果为 true,则显示网格,但如果为 false,则隐藏网格。我尝试了这段代码,但无法让它正常工作。关于我做错了什么有什么想法吗? 维...
如何使用 Vanillia JS 将 CSV 文件导入本地存储
我必须导入保存在 .csv 文件中的数据,然后将其保存到本地存储。 我之前编写了一个将日期导出到 .csv 的脚本,现在我必须执行相反的操作。 我知道我需要做
我有以下 html,我正在其中加载本地 SQLite 数据库(~3MB),并且有一个带有单击事件侦听器的按钮,用于执行 SQL 查询并记录结果。 &l...
使用 iframe 在不同域之间共享 localStorage 数据不起作用
我正在尝试阅读这篇文章,该文章教我们如何在嵌入了 iframe 的情况下在域之间共享本地存储数据。 https://www.internetkatta.com/share-cookies-or-local-storage-data-bet...
如何清除 iOS Safari 上的所有 localStorage?选择“清除历史记录和网站数据”不会删除 localStorage(这看起来很奇怪,可能是一个错误?)。 在苹果上也提出了类似的问题。
返回上一页时,Javascript 不执行,本地和实时在 githubpage、edge 和 chrome 上的行为不同
请查看这个 GithubPage,我在其中尝试重新创建我遇到的问题。 当您单击第一个按钮时,它将创建一个段落,将其附加到本地存储项并显示它。 当您点击...
制作基本的待办事项列表。在刷新时访问本地存储以保留待办事项列表时,我得到 {"TODO_ITEM:1":"wash trees"} 而不是洗碗
我制作了一个非常基本、简单的待办事项列表。当我通过输入(洗碗)添加到列表时,它会显示为洗碗。但是当从本地存储访问数组中的对象时刷新...
为什么 MacOS/iOS 设备中的 localStorage 在可用性检查后有时为空?
我在使用本地存储的 Web 应用程序中遇到一个问题,虽然不是很常见,但仍然会定期发生。 该问题仅发生在 iOS/macOS 设备中,
我似乎无法格式化保存到本地存储的数组。 可以改变数组的索引值吗? 我有一个像这样的数组对象: const myArray = [{id: 41, name: "x"}, {i...
我正在使用 Context API 将购物车数据传递到不同的页面,并尝试使用 localStorage 在刷新页面时设置和检索购物车数据。
我正在构建一个具有秒表功能的网络应用程序,我正确开发了它,但没有存储数据(本地存储)。因此,当用户重新加载并关闭它时,它将从0开始。 我想保留这个
在哪个订单存储事件中收到? 例如tab_1执行代码 localStorage.set('key', 1); localStorage.set('key', 2); tab_2 执行代码 localStorage.set('key', 3); 本地存储....
在 React.js 中从另一个页面导航回来时如何保留第一页上的滚动位置?
假设我有两页/两条路线。在其中一个我有一个 组件: 这是链接 在
当我访问 FeedbackDetails 页面时,最初没有问题,因为从上一页(主页)加载的状态仍然可用。但是当我尝试刷新页面时,它返回一个
我需要制作一个可调整大小的文本区域,即使重新加载页面也能保持其大小,但它不起作用。 我尝试使用本地存储来存储文本区域的高度和宽度,即
如何将输入表单保存到localStorage,但我有2个错误
任何人都可以帮忙解决我两天前创建的迷你项目,但今天还没有完成。所以,我有两个错误,第一个是 index.html:91 未捕获的引用错误:handleUserLogin 是...
关于在本地存储中存储大型 Base64 图像数据在 JS 中出现配额超出错误
我正在使用javascript并获取base64格式的图像url,想要将其临时存储在js的本地存储中,但有时它会在chrome浏览器的浏览器控制台中给我配额超出错误,所以...