javascript - 从 HTML 调用 JS 函数

Question

我无法从 HTML 文件调用函数。这看起来很简单，我的代码与我在类似的答案中看到的相匹配，但我仍然缺少一些东西。我知道 JS 正在加载/运行，因为 Canvas 中的游戏正在运行。编辑:Chrome 控制台返回“testFunction 未定义”，这意味着 JS 未加载。为什么？

这是 JS 文件中的测试:

function testFunction(){
    alert("It works!");
}

它是从 HTML 中调用的，如下所示:

<button type="button" onclick="testFunction()" id="testButton">Test</button>

这是 JSFiddle http://jsfiddle.net/goldrunt/SeAGU/

Answer 1

当使用 JSFiddle 时，您的代码被包装在“onLoad”函数中(除非您另外明确说明)。

函数内部定义的函数仅存在于该函数中，因此您的 testFunction 只能在作为 JS 代码块的 onLoad 函数中访问。外部的 HTML 无法访问它。

尝试在 JSFiddle 的相关选项中将“onLoad”更改为“no wrap - body”。