jsFiddle: HTML 和 JS 之间没有连接？无法从按钮调用简单的函数？

Question

27

抱歉如果这显而易见，但我不知道为什么它不起作用。

我在尝试创建一个jsFiddle。然而，我似乎无法将任何javascript附加到任何元素上。例如，onclick不调用我的js函数。

这个fiddle再简单不过了。我从W3编辑器复制粘贴它，在那里它可以正常工作 - 点击按钮，弹出警告！

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

function myFunction() {alert("sss");}

我在这里漏掉了什么？？

- user984003

1

https://dev59.com/tm035IYBdhLWcg3wbPU5 - topcat3

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sirko · Accepted Answer

只需更改 JavaScript 代码块的加载方式为 no wrap (head)

enter image description here

标准设置是将 JS 包装起来，以在 DOM 加载后运行。这意味着函数未定义在全局作用域而是在包装器内部。然而，内联事件处理程序仅适用于全局定义的函数！

当设置为 no wrap (head) 时，JS 会在 <head> 中加载并且不会被包装。