javascript - JSFiddle 上的脚本不起作用

Question

这个问题已经有答案了:

Why does this simple JSFiddle not work? [duplicate] (8 个回答)

已关闭 5 年前。

我有一个简单的 javascript onclick 函数调用不起作用，我只是一直盯着看，看不出有什么问题，我觉得我一定忽略了一些 super 简单的东西，但我就是看不到什么!

https://jsfiddle.net/sanfly/tob4dugj/

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

Answer 1

这是因为 JSFiddle 将 JavaScript 放入您看不到的隐式闭包中。因此，您的函数是在该范围内本地定义的，按钮无法访问它。

使其全局化(虽然由于其他原因是一个糟糕的主意)，解决了这个问题:

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

Updated Fiddle

这也是摆脱内联(即 HTML 内)事件处理并转向集中式 addEventListener() 的好时机。