脚本有效，但脚本源无效 - ElectronJS答案

【问题标题】：Script works but script source doesn't - ElectronJS脚本有效，但脚本源无效 - ElectronJS
【发布时间】：2018-12-19 21:32:39
【问题描述】：

我是 Javascript 新手，我正在尝试创建一个简单的 ElectronJS 应用程序。但是，我无法让外部脚本工作。应该补充的是，这两个文件都在同一个文件夹中（所有应用程序文件也是如此）。我在这里错过了什么？

这行得通：

main.html

<head>
    <script>
    function color_red() {
        document.getElementById("collectBtn").style.color = "red";
    }
    </script>
</head>
<body>
    <button id="collectBtn" onclick="color_red()">Color me!</button>
</body>

这不是：

connect.js

function color_red() {
    document.getElementById("collectBtn").style.color = "red";
}

main.html

<head>
    <script src="connect.js"></script>
</head>
<body>
    <button id="collectBtn" onclick="color_red()">Color me!</button>
</body>

【问题讨论】：

这两个文件在同一个文件夹下吗？检查您的源选项卡以查看链接的 JS 资源是否已加载。
好吧，我在 Sublime 文本中工作，它能够在查看 .html 时检测链接文件中的函数。不确定这是否是您所指的？
查看控制台并查看脚本是否已加载，我假设没有（这将显示为 404 错误和红十字 - 至少在 Chrome 中）。然后检查它试图从哪个位置获取脚本，并查看它是否与您期望的位置相对应。
如果你关闭</script>它会工作
抱歉，我的错字 - 脚本已在我的原始文件中关闭。

标签： javascript html electron

【解决方案1】：

正如@pergy 所说，<script> 标签可以包含内容，应该关闭它才能正常工作。

<script src="connect.js"></script>

但是，如果您刚开始使用 Electron，我建议您看一下这个答案，以帮助您了解如何在您的应用程序中集成更好的函数调用：

Button click event binding in Electron js

【讨论】：

深入解释的好链接