local-storage 相关问题

父级 .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>

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

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

Selenium Webdriver 添加本地存储

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

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

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

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

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

更改默认的localStorage结构

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

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

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

Next 14 - localStorage 刷新后不工作

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

如何实现tab依赖存储？

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

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

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

无法从存储加载图像（Laravel）-> 加载资源失败：服务器响应状态为 404（未找到）

大家好，我遇到了这个问题，我无法显示存储文件夹中的图像。 我已经使用符号链接将存储文件夹连接到公共文件夹（php artisan s...

如何使用钩子更新SolidJS中的本地存储值

我正在尝试为solid-js 制作一个自定义“钩子”，它将从本地存储中检索状态。 从“solid-js”导入{ Accessor、createSignal、Setter }； 导出默认功能

无法使用 ==> localStorage.setItem("gameScore", JSON.stringify(countScore)); 将对象 {countScore} 获取到本地存储中

我想了解我做错了什么，不允许将 countScore 保存到本地存储中（代码如下）。我有一种感觉，它涉及我如何调用 playerMove 和

新模块导入错误=>“ReferenceError：self未定义”

从“加密存储”导入{EncryptStorage}； 导出 const encryptStorage = EncryptStorage('secret_key'); encryptStorage.setItem('用户', userObj); 错误 ： 我正在尝试加密本地...

更新存储在 chrome 扩展本地存储中的对象

我正在开发一个chrome扩展，我将存储服务器发送的对象。 例如，我将收到： 命令= {id：“1”，类型：“A”，大小：“B”，优先级：“C”} 如果我有一个数据库，我会插入...

如何链接到 Google Chrome 扩展程序的本地图像？

我想在 Google Chrome 扩展程序中的页面上显示图像，但我想将图像存储在 Chrome 扩展程序中名为“images”的文件夹中。我如何链接到该图像？你什么...

如何使用createdElements将数据添加到LocalStorage并显示它们？

我对 JS 相当陌生，我刚刚完成创建预算/财务跟踪器，我希望能够保存数据，这样当我使用 localStorage 刷新页面时数据就不会消失。我该怎么去

访问localStorage属性，方法返回null

因此，尽管存在 token，getSuppliers() 仍返回 null。 供应商类{ 构造函数（）{ this.getSuppliers(); } 获取令牌（）{ const jwtTokenString = localStorage.

使用 JS 创建并保存新的 tr 元素

我对编码相当陌生，尤其是 JS。我正在构建一个程序，旨在计算输入并将结果（连同日期）放入表格中。每次表中都应该有一个新条目...

为暗模式添加本地存储（在 jquery 中）

我想为暗模式添加本地存储以记住用户的选择。 我已经阅读并查看了课程并尝试了不同的方法，但代码仍然无法正常工作，我不明白......