无法将我的内联 JavaScript 移动到外部文件

Question

我完成了我的 HTML 输入表单的开发和测试，它与 ajax、json、验证和邮件一起工作得很好。 为了最终确定用于生产的表单，我尝试将 JavaScript 从 HTML 页面移动到外部文件，并在 HTML 页面中提供指向该文件的链接。 这个 js 文件叫做 formjs.js，它的链接被放置在 HTML 页面的底部，作为<script src="../js/formjs.js"></script> 。

我移动 JavaScript 的方式是剪切脚本并粘贴到新的 js 页面，并将页面相同并在 HTML 页面中链接到它，如上所述。

这样做后，我在 js 页面上收到了大量错误消息，因为许多函数都在寻找存在于 HTML 中的信息，但不知道如何获取它。 例如，一个文档。 例如，以下脚本：

var Server_response_value_failure = document.getElementById("server_response_value_failure");

收到以下错误：此变量已分配并赋值，但从未使用过。

另一个例子：

end of function };

在每个函数的末尾得到不必要的分号的错误信息。

我不确定如何将 formjs.js 文件链接回 HTML。 否则，如果我将脚本留在 HTML 页面上，该表单将完全正常工作。

Answer 1

很好，它只是提供这些警告的 eslint。 例如，如果您声明一个变量并分配一个值，但您以后不使用该变量，它就会抱怨。

或者如果你调用一个你在文件中“稍后”声明的函数。

Answer 2

我不知道这是否会有所帮助，但有时您想将整个 javascript 文件放在这样的圆括号中

(function(...) {
    ...
})();

最后，你又放了一个圆括号。 这基本上就像 jQuery 中的$.ready()一样。 不知道这对你有没有帮助。 您可能想要重写您的代码。