JSFiddle 上的脚本不起作用[重复]答案

【问题标题】：The script on JSFiddle doesn't work [duplicate]JSFiddle 上的脚本不起作用[重复]
【发布时间】：2019-01-07 17:28:24
【问题描述】：

我有一个简单的 javascript onclick 函数调用不起作用，我一直盯着看，我看不出有什么问题，我觉得我必须忽略一些超级简单的东西，但我就是看不到什么！

HTML：

<p id="demo"></p>
<button onclick="myFunction()">Click me</button>

JS：

function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}

错误：

Uncaught ReferenceError: myFunction is not defined at HTMLButtonElement.onclick

【问题讨论】：

【解决方案1】：

这是因为 JSFiddle 将 JavaScript 置于您看不到的隐式闭包中。因此，您的功能是在该范围内本地定义的，并且按钮无法访问它。

使其全球化（虽然出于其他原因这是一个糟糕的想法），解决了这个问题：

myFunction = function() { //make it global
  document.getElementById("demo").innerHTML = "Hello World";
}

这也是摆脱内联（即 HTML 内）事件处理转而采用集中式 addEventListener() 的好时机。

【讨论】：