local-storage 相关问题

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

不同系统的本地存储

我有一个关于 localStorage 如何工作的问题。我阅读了文档,并成功地在我们的网页游戏中实现了它。我们正在使用 ImpactJS 引擎并使用这个插件 -> https://githu...

回答 3 投票 0

Blazor Server ProtectedBrowserStorage 反序列化

我的 Blazor Server 应用程序有一个 AppState 类,我想使用它在组件之间进行数据交换: 公共类应用程序状态 { 公共事件 Action OnChange; 公共 int 计数器 { 得到;私人套装...

回答 1 投票 0

通知组件删除和计数器ReactJS

我想使用图标“X”删除特定通知,但删除后它又重新出现。我是编码初学者,我想尝试本地存储可以存储通知吗

回答 1 投票 0

如何从本地存储中删除token并在Next JS中渲染注销页面?

我创建了一个下一个js Web应用程序,我想在令牌过期时呈现注销页面,并同时从本地存储中删除过期的令牌。如何确保此功能运行,无论...

回答 1 投票 0

LocalStorage 未存储正确的数据

我想将当前主题存储在localStorage中。我正在使用 useEffect 钩子,它应该存储当前主题,但由于某种原因,它存储深色主题的“light”和“...

回答 1 投票 0

如何将 hostpath-pv 与 rancher-desktop k3s 一起使用

我使用默认配置在我的 macbook 中安装 rancher-desktop 1.13.1,并为我的单节点 k3s 环境选择 k8s v1.29.3。我发现 hostpath-pv 不适用于本地路径存储类。 ..

回答 1 投票 0

如何使用 Flask 更改 python 文件的 opencv 网络摄像头?

我正在开发一个人脸识别项目,该项目将 gen_frame() 发送到 video_feed 以在我的 html 文件中呈现。但是,我找不到将 localStorage 值发送到 Flask 服务的正确方法...

回答 1 投票 0

如何使用 Flask 更改 python 文件的网络摄像头?

我正在开发一个人脸识别项目,该项目将 gen_frame() 发送到 video_feed 以在我的 html 文件中呈现。但是,我找不到将本地存储发送到 Flask 的正确方法。谁都有

回答 1 投票 0

将上传的img保存到localStore并在刷新页面上渲染

我需要将图像保存在本地存储中,当页面刷新时它们不会消失而是保留在我的卡中。 上传内容组件: 从 'react' 导入 React, { useState }; 导入 { PlusOu...

回答 1 投票 0

为什么我的待办事项列表在本地存储中可见而不是在屏幕上?

我用 JavaScript 制作了一个待办事项列表。一切正常。当添加待办事项时,它在本地存储中可见,当删除它时,它会从本地存储中删除。但我必须刷新页面...

回答 2 投票 0

父级 .addEventListener 如何从 iframe 监听

我有三个文件,count.html、iframe.html 和 script.js 计数.html &...</desc> <question vote="0"> <p>我有三个文件,count.html、iframe.html 和 script.js</p> <p>count.html</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;script defer src=&#34;script.js&#34;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h5&gt;Right Answers:&lt;/h5&gt;&lt;p id=&#34;outputright&#34;&gt; &lt;/p&gt; &lt;h5&gt;Wrong Answers:&lt;/h5&gt;&lt;p id=&#34;outputwrong&#34;&gt; &lt;/p&gt; &lt;button id=&#34;refresh&#34;&gt;Refresh&lt;/button&gt; &lt;p&gt;&lt;iframe id=&#34;iframe&#34; src=&#34;iframe.html&#34; height=&#34;300&#34; width=&#34;300&#34; &gt;&lt;/iframe&gt;&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>iframe.html</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;!-- MY Script JS --&gt; &lt;script defer&gt; // Default Variables let r = 0; let w = 0; //update variables in parent function right() { r++; window.parent.updateValueRight(r); } function wrong() { w++; window.parent.updateValueRight(w); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;Are you cool?&lt;/p&gt; &lt;button id=&#34;right&#34; onclick=&#34;right()&#34;&gt;Yes&lt;/button&gt; &lt;button id=&#34;wrong&#34; onclick=&#34;wrong()&#34;&gt;No&lt;/button&gt; &lt;button class=&#34;btn&#34;&gt;Maybe&lt;/button&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>脚本.js</p> <pre><code>window.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; { // when page elements are available // Default Variables let rtemp = 0; let wtemp = 0; // for iframe to assign values here function updateValueRight(plusR) { document.getElementById(&#34;rtemp&#34;).value = plusR; } function updateValueWrong(plusW) { document.getElementById(&#34;wtemp&#34;).value = plusW; } // print default count in main count page document.getElementById(&#34;outputright&#34;).innerText = rtemp; document.getElementById(&#34;outputwrong&#34;).innerText = wtemp; /* for button click */ const refresh = document.getElementById(&#34;refresh&#34;); /* refresh values on click */ refresh.addEventListener(&#34;click&#34;, function() { document.getElementById(&#34;outputright&#34;).innerText = rtemp; document.getElementById(&#34;outputwrong&#34;).innerText = wtemp; }); }); </code></pre> <p>我收到错误:</p> <pre><code>Uncaught DOMException: Failed to read a named property &#39;updateValueRight&#39; from &#39;Window&#39;: Blocked a frame with origin &#34;null&#34; from accessing a cross-origin frame. at right (file:// *LOCATION*) at HTMLButtonElement.onclick (file:// *LOCATION*) </code></pre> <p>它们都连接到相同的 <pre><code>script.js</code></pre>,所以我认为它们会“添加”值并在 <pre><code>outputright</code></pre> 中显示 <pre><code>outputwrong</code></pre> 和 <pre><code>count.html</code></pre>,但事实证明,它将脚本视为两个不同的脚本专属于自己的脚本</p> <p>我尝试阅读<a href="https://stackoverflow.com/questions/43367029/how-to-send-child-page-value-to-parent-page">this</a>并在我的问题中实现它,但我认为我误解了它。</p> <p>如何将其添加到临时变量并显示在<pre><code>count.html</code></pre>中?我以为 <pre><code>window.parent</code></pre> 会与 <pre><code>count.html</code></pre></p> 沟通 <p>许多像这样的问题都可以通过避免跨源请求和托管来回答,但我通过浏览器在本地运行它。我发现了 <a href="https://stackoverflow.com/questions/29983786/blocked-a-frame-of-origin-null-from-accessing-a-cross-origin-frame-chrome/29984435#29984435">this</a> 但它不再适用,除非我降级版本,否则 Firefox 可以允许这样做。</p> </question> <answer tick="false" vote="0"> <p>首先,您应该在服务器中打开 HTML 页面,而不是直接打开文件。您可以使用名为 Live Server 的 VSCode 扩展。</p> <p>那么你的 script.js 中有一些错误。 rtemp 和 wtemp 元素在哪里?你能设置它们的值吗?</p> <p>最后 updateValueRight 和 updateValueWrong 函数应该是 window 对象的全局函数。</p> <p>正确的代码例如参考:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>window.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; { // when page elements are available // Default Variables let rtemp = 0; let wtemp = 0; const rightEl = document.getElementById(&#39;outputright&#39;); const wrongEl = document.getElementById(&#39;outputright&#39;); // for iframe to assign values here window.updateValueRight = function (plusR) { rightEl.innerText = plusR; }; window.updateValueWrong = function (plusW) { wrongEl.innerText = plusW; }; // print default count in main count page rightEl.innerText = rtemp; wrongEl.innerText = wtemp; /* for button click */ const refresh = document.getElementById(&#39;refresh&#39;); /* refresh values on click */ refresh.addEventListener(&#39;click&#39;, function () { rightEl.innerText = rtemp; wrongEl.innerText = wtemp; }); });</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

在刷新页面保存上传的图片

我需要将图像保存在本地存储中,当页面刷新时它们不会消失而是保留在我的卡中。 上传内容组件: `从 'react' 导入 React, { useState }; 导入 {

回答 1 投票 0

Selenium Webdriver 添加本地存储

我尝试将以下标志添加到 LocalStorage 中,但它不起作用。 localStorage.setItem('ClientRedirectEnabled', 'true'); 我的代码如下 公共无效FlagIntroduce()抛出InterruptedException { ...

回答 2 投票 0

如何使用 Storage::fake 为 phpunit 制作一个假的 storage_path()

我正在开发一个 Laravel 站点,该站点利用本地存储来存储每日摘要文件,本质上是填充 JSON 的日志文件。我保存的文件夹位于storage/history目录中,该目录...

回答 1 投票 0

Nuxt3登录后如何正确存储用户数据

我想在一个人登录后存储用户数据,我还在“/page”页面上使用中间件来查看用户是否登录,如果是,他会跳过,但我已经存储了用户数据。 ..

回答 1 投票 0

更改默认的localStorage结构

我有两个不同的应用程序,mysite.com/app1 和 mysite.com/app2。两者都使用类似的 localStorage 键。在浏览器中,localStorage 直接位于域“mysite.com”下。这个...

回答 1 投票 0

Vue.JS - 如何将 localStorage 与 Vue.JS 一起使用

我正在使用 Vue.JS 开发 Markdown 编辑器,我尝试使用 localStorage 来保存数据,但我不知道如何在用户键入时将新值保存到 Vue.JS 中的数据变量!

回答 4 投票 0

Next 14 - localStorage 刷新后不工作

'使用客户端'; 进口 { 派遣, 设置状态动作, 创建上下文, 使用效果, 使用状态 来自“反应”; 接口 ColorsContextProps { 颜色: '蓝色' | '绿色' | '红色' | '橙色' | “紫罗兰”...

回答 1 投票 0

如何实现tab依赖存储?

我正在尝试通过 localStorage 存储一些数据,这样如果刷新此页面,我可以在网络的同一页面中再次加载它。 想象一下,一个用户写了一条评论,他刷新了页面,我想......

回答 1 投票 0

chrome.storage 可以保存日期或地图等“高级”对象吗?

我制作了一个 chrome 扩展来管理互联网历史记录、浏览器 cookie 等。如果你一周没有运行它,我会尝试发出通知,所以我使用 chrome.storage 来保存时间戳。 .

回答 1 投票 0

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