两种常见的方式：js引用另一个js变量
js引用另一个js变量，可以通过两种方式在一个JavaScript文件（或脚本）中引用另一个JavaScript文件（或脚本）的变量。以下是两种常见的方式：
1. 使用`<script>`标签将两个JavaScript文件直接引入HTML
这是一个简单的例子。我们有两个JavaScript文件，`script1.js`和`script2.js`。
script1.js:
var myVariable = "Hello from script1!";
script2.js:
alert(myVariable);
然后在HTML文件中，我们这样引用它们：
<!DOCTYPE html> <html> <head> <title>JS Variable Reference</title> <script src="script1.js"></script> <script src="script2.js"></script> </head> <body> </body> </html>
<a href="https://dm.qunapu.com/daima/2js/index.html">点击这里查看效果</a>
在这个例子中，`script2.js`引用了`script1.js`中定义的变量`myVariable`。因此，当你在HTML文件中加载这个页面时，将会弹出一个警告框显示"Hello from script1!"。
2. 通过外部JavaScript文件引用
你也可以在一个JavaScript文件内部通过`<script>`标签引入另一个JavaScript文件。例如：
script1.js:
var myVariable = "Hello from script1!";
script2.js:
alert(myVariable);
然后，你可以在另一个JavaScript文件中这样引用它们：
anotherScript.js:
// script1 content is loaded into a variable or function, which is then used in the current script
var script1 = document.createElement('script');
script1.src = 'script1.js';
document.head.appendChild(script1);
// script2 content is loaded into a variable or function, which is then used in the current script
var script2 = document.createElement('script');
script2.src = 'script2.js';
document.head.appendChild(script2);<a href="https://dm.qunapu.com/daima/2js/2js2/index.html">点击这里查看效果</a>
在这个例子中，`anotherScript.js`动态地加载了`script1.js`和`script2.js`，并引用了`myVariable`。这样，当你在HTML文件中加载包含`anotherScript.js`的页面时，也会加载和执行`script1.js`和`script2.js`，然后弹出一个警告框显示"Hello from script1!"。
