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

Question

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

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

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

这就是我在第一个文件中将变量值的值。在您的菜单中，有输入，此JS文件负责读取输入的值并将其发送到另一个JS文件，该文件将对数据有所作为它在Google.com上接受，

Answer 1

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

Answer 2

您应该将代码放入模块中（例如 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 3

您可以使用会话存储存储值并将其检索到下一个文件

在第一个文件中

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

在另一个JS文件中

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

Answer 4

首先，如果您正在使用任何网页，则在网页中包含所有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";

此行来自另一个正在调用" TST"可变的文件。

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