javascript - 在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中是不可能的..
提前谢谢
解决方案
您可以通过使用localStorage 来实现这一点,即点击文件中的链接a 写入点击函数,将点击的值从那里存储到本地存储,然后从第二页从本地存储中检索此存储的值。您可以使用以下本地存储的 set get 方法
localStorage.setItem("myVal", "val1");
var val = localStorage.getItem("myVal");
推荐阅读
- performance - 在MATLAB中生成没有循环的随机数数组
- javascript - Astra 主题禁用 javascript 链接
- javascript - resium (cesium-react) camerafly 以与起始位置相同的缩放级别/相机高度结束
- entity-framework-core - 如果我不使用 EF 迁移,哪些 EF Core EntityType 配置很重要?
- javascript - 在 JavaScript 中根据数量计算价格的应用程序
- tableau-api - 离散列的总计
- android - 如何重用 Exoplayer 实例并将相同的实例附加到视图?
- json - Json 意想不到的角色 
- python - Python - 打印接下来的 5 天,不包括周一和周日
- c - 两组 ASCII 字符之间的映射