local-storage 相关问题

LocalStorage是一种使用JavaScript存储持久数据的方法(另请参见:SessionStorage)。

您好,如何在我使用 redux 的 todo 应用程序中正确实现 localStorage 的使用?

我遇到了以下问题:我使用 React 和 Redux 创建了一个待办事项应用程序,它运行良好,直到我决定实现 localStorage。当我启动我的应用程序时,我收到一个很常见的错误:“Unc...

回答 1 投票 0

带有链接的下拉菜单:将状态保存在本地存储中

我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。 这是下拉菜单的代码。 请... 我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。 这是下拉菜单的代码。 <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 值,则将值更改为它。

回答 0 投票 0

如何使用 vanilla JS 将 CSV 文件导入本地存储

我必须导入保存在 .csv 文件中的数据,然后将其保存到本地存储。 我之前编写了一个将日期导出到 .csv 的脚本,现在我必须执行相反的操作。 我知道我需要做

回答 1 投票 0

如何运行基于本地存储布尔值类型的 if/else 语句? [重复]

我希望此代码找到本地存储值,如果为 true,则显示网格,但如果为 false,则隐藏网格。我尝试了这段代码,但无法让它正常工作。关于我做错了什么有什么想法吗? 维...

回答 2 投票 0

如何使用 Vanillia JS 将 CSV 文件导入本地存储

我必须导入保存在 .csv 文件中的数据,然后将其保存到本地存储。 我之前编写了一个将日期导出到 .csv 的脚本,现在我必须执行相反的操作。 我知道我需要做

回答 1 投票 0

带有sql查询的点击监听器第一次运行需要很长时间

我有以下 html,我正在其中加载本地 SQLite 数据库(~3MB),并且有一个带有单击事件侦听器的按钮,用于执行 SQL 查询并记录结果。 &l...

回答 1 投票 0

使用 iframe 在不同域之间共享 localStorage 数据不起作用

我正在尝试阅读这篇文章,该文章教我们如何在嵌入了 iframe 的情况下在域之间共享本地存储数据。 https://www.internetkatta.com/share-cookies-or-local-storage-data-bet...

回答 2 投票 0

清除 iOS Safari 上的本地存储

如何清除 iOS Safari 上的所有 localStorage?选择“清除历史记录和网站数据”不会删除 localStorage(这看起来很奇怪,可能是一个错误?)。 在苹果上也提出了类似的问题。

回答 3 投票 0

返回上一页时,Javascript 不执行,本地和实时在 githubpage、edge 和 chrome 上的行为不同

请查看这个 GithubPage,我在其中尝试重新创建我遇到的问题。 当您单击第一个按钮时,它将创建一个段落,将其附加到本地存储项并显示它。 当您点击...

回答 2 投票 0

制作基本的待办事项列表。在刷新时访问本地存储以保留待办事项列表时,我得到 {"TODO_ITEM:1":"wash trees"} 而不是洗碗

我制作了一个非常基本、简单的待办事项列表。当我通过输入(洗碗)添加到列表时,它会显示为洗碗。但是当从本地存储访问数组中的对象时刷新...

回答 1 投票 0

为什么 MacOS/iOS 设备中的 localStorage 在可用性检查后有时为空?

我在使用本地存储的 Web 应用程序中遇到一个问题,虽然不是很常见,但仍然会定期发生。 该问题仅发生在 iOS/macOS 设备中,

回答 3 投票 0

在数组对象中使用值而不是索引

我似乎无法格式化保存到本地存储的数组。 可以改变数组的索引值吗? 我有一个像这样的数组对象: const myArray = [{id: 41, name: "x"}, {i...

回答 1 投票 0

为什么刷新页面时localStorage值为空?

我正在使用 Context API 将购物车数据传递到不同的页面,并尝试使用 localStorage 在刷新页面时设置和检索购物车数据。

回答 1 投票 0

用于恢复时间的秒表本地存储React JS

我正在构建一个具有秒表功能的网络应用程序,我正确开发了它,但没有存储数据(本地存储)。因此,当用户重新加载并关闭它时,它将从0开始。 我想保留这个

回答 1 投票 0

按照什么顺序接收`storage`事件?

在哪个订单存储事件中收到? 例如tab_1执行代码 localStorage.set('key', 1); localStorage.set('key', 2); tab_2 执行代码 localStorage.set('key', 3); 本地存储....

回答 1 投票 0

在 React.js 中从另一个页面导航回来时如何保留第一页上的滚动位置?

假设我有两页/两条路线。在其中一个我有一个 组件: 这是链接 在

回答 1 投票 0

刷新页面时,redux 存储中的数据返回未定义

当我访问 FeedbackDetails 页面时,最初没有问题,因为从上一页(主页)加载的状态仍然可用。但是当我尝试刷新页面时,它返回一个

回答 3 投票 0

如何使文本区域大小在重新加载页面后保持不变?

我需要制作一个可调整大小的文本区域,即使重新加载页面也能保持其大小,但它不起作用。 我尝试使用本地存储来存储文本区域的高度和宽度,即

回答 1 投票 0

如何将输入表单保存到localStorage,但我有2个错误

任何人都可以帮忙解决我两天前创建的迷你项目,但今天还没有完成。所以,我有两个错误,第一个是 index.html:91 未捕获的引用错误:handleUserLogin 是...

回答 1 投票 0

关于在本地存储中存储大型 Base64 图像数据在 JS 中出现配额超出错误

我正在使用javascript并获取base64格式的图像url,想要将其临时存储在js的本地存储中,但有时它会在chrome浏览器的浏览器控制台中给我配额超出错误,所以...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.