Question

问题是我尝试将我的代码放在单独的javascript文件中。一个文件将引用先前在index.html文件中引用的文件中的变量。

例如，我的公用文件夹中的两个文件是client.js和test.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文件。

我的代码中有什么问题吗？我该如何解决这个问题？

Answer 1

您必须更正<script scr="/test.js"></script>中的拼写错误，您已经写了scr而不是src属性。这就是您的脚本无法按预期工作的原因

我的前端javascript文件无法访问其他javascript文件中的变量

1 个答案: