首页 > 解决方案 > 在Javascript中将变量从一个脚本检索到另一个脚本

问题描述

我有两个 html 文件,fileA.html 和 fileB.html,分别与两个 javascript 文件 fileA.js 和 fileB.js 相关联

在第一个 html 文件 (fileA.html) 上,我有不同的链接,它们具有相同的 className 和不同的值,例如三个第一个链接:

<a real="external" href="fileB.html" class="links"> value 1</a>
<a real="external" href="fileB.html" class="links"> value 2</a>
<a real="external" href="fileB.html" class="links"> value 3</a>

如您所见,“href”标签重定向到第二个html文件fileB.html

在文件 fileB.html 上,我有一个文本输入表单,它允许用户通过输入上一个 html 文件中存在的一个值(例如值 2)来访问该值的统计信息(我简化了问题但实际上这些值是指基因名称)

我希望当用户单击其中一个链接(因此是其中一个值)时,该值成为表单输入值的默认值

我在所有链接上添加了一个事件 onclick,以检索链接的值(userValue = .textContent)

在fileB上,我知道我必须通过这样做来更改默认值:

form = document.getElementById('formulaire');

formulaire.value = userValue;

问题是,我不知道如何将文件 A(当我们单击链接时生成)上的变量检索到第二个文件

也许在javascript中是不可能的..

提前谢谢

标签: javascriptfilevariables

解决方案


您可以通过使用localStorage 来实现这一点,即点击文件中的链接a 写入点击函数,将点击的值从那里存储到本地存储,然后从第二页从本地存储中检索此存储的值。您可以使用以下本地存储的 set get 方法

localStorage.setItem("myVal", "val1");
var val = localStorage.getItem("myVal");

推荐阅读