我的前端JavaScript文件无法访问其他JavaScript文件中的variables

问题是,我试图把我的代码在单独的JavaScript文件。 而且一个文件将引用一个文件中的variables,该文件在之前的index.html文件中被引用。

例如,我的公共文件夹中的两个文件是client.jstest.js

在我的client.js文件中,我有这些代码:

 function init() { var socket = io.connect(); var temp = x; } document.addEventListener("DOMContentLoaded", init, false); 

在我的test.js文件中,我有这些代码:

 var x = 5; 

在我的index.html文件中,我有这些代码:

 <!DOCTYPE html> <html> <head> <title>Amazing Particle System</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <canvas id="particle"></canvas> <script src="/socket.io/socket.io.js"></script> <script scr="/test.js"></script> <script src="/client.js"></script> </body> </html> 

但是当我运行我的代码时,我总是得到错误:

client.js:15未捕获的ReferenceError:x未定义

在开发人员工具中,我无法在“来源”选项卡中看到我的test.js文件。

有什么我在我的代码中做错了吗? 我该如何解决这个问题?

你必须在<script scr="/test.js"></script>改正一个错字,你写了scr而不是src属性。这就是为什么你的脚本不能正常工作