Question

有一个文件js，其中有一个变量。您需要将此变量的值传递给另一个js文件。怎么能实现呢？

＆＃13;

document.getElementById('btn').onclick = function() {
  var bal = document.getElementById('bal').value;
  console.log(bal);
}

＆＃13;

<input type="text" id="bal">
<input type="button" id="btn" value="Send">

＆＃13;

这是我如何获取第一个文件中变量的值。在你的菜单中有输入，这个js文件负责读取输入的值并将其发送到另一个js文件，这将做收到的数据，比如google.com

Answer 1

首先，如果您正在处理任何网页，那么您将在网页中包含所有js文件。在这种情况下，没有不同的js文件的含义。当您将js文件包含到任何网页时，您可以从任何地方访问任何方法或变量，除非您在任何函数或类中声明该变量。

例如，

你包含两个带脚本标签的文件。

<script type="text/javascript" src="assets/js/test.js"></script>
<script type="text/javascript" src="assets/js/test2.js"></script>

此行在一个文件中声明。

  var tst = "This line is from one js file";

来自另一个调用＆＃34; tst＆＃34;的文件中的这一行varible。

 console.log("This is anoter js file calling that variable "+tst);

Answer 2

在全局范围内创建变量，现在您可以在同一页面中的任何文件中使用它

Answer 3

您应该将代码放入模块中（例如 bal.js ）：

 export default function(cb){
   document.getElementById('btn').onclick = function() {
      var bal = document.getElementById('bal').value;
      console.log(bal);
      cb(bal);
   };
 };

所以现在在另一个文件中你可以做到：

 import bal from "bal.js";
 bal(res => alert(res));

Answer 4

您可以使用会话存储来存储值并在下一个文件中检索它

在第一个档案中

sessionStorage.setItem('key', document.getElementById('bal').value);

在另一个js文件中

var data = sessionStorage.getItem('key');

将变量的值从一个js文件传递到另一个js文件

4 个答案: