按钮未从外部脚本触发功能答案

【问题标题】：Button not firing function from script outside按钮未从外部脚本触发功能
【发布时间】：2017-03-02 17:03:37
【问题描述】：

我有这个带有按钮和功能的简单代码。

如果函数在<script>___</script> 中声明那么它可以工作
如果函数是在它分配的适当空间中声明的，而 not 在标签中，那么它就不起作用

我怎样才能让它从它为脚本正确分配的空间中工作。

照片：

在这里它不起作用：

代码：
HTML：

 <html>
 <body>
 <div>

 <input type="button" onclick="foo();" value="hell">


 </div>
 </body>
 <html>

Javascript：

function foo(some)
{
  alert("he123l");
};

我该如何解决这个问题？

另一件事：
我将javascript的加载类型设置为：No wrap - in <body>

【问题讨论】：

您能否提供一个指向 js-fiddles 的链接，而不仅仅是屏幕截图？
对我来说很好用：jsfiddle.net/jkpvjj27/1 我也没有使用包裹 ...
我觉得你错了。如果您将负载类型设置为 No Wrap - in <Body>，则该示例将起作用，正如 Stefan F 指出的那样。
为什么不使用 jsfiddles 的屏幕截图（或链接），而直接使用 Stack Overflow 的内置 Snippets 功能？
在应用 onClick 监听器时，<INPUT type="button"> 和 <BUTTON> 元素之间没有功能差异。这只是语法糖。两者都应该工作。

【解决方案1】：

您需要在调用之前初始化函数。如果你这样做：

<script>
function foo(some)
{
  alert("he123l");
};
</script>
 <div>

 <input type="button" onclick="foo();" value="hell">


 </div>

它会起作用的。

【讨论】：

【解决方案2】：

您需要选择“加载类型”。

设置为：

No wrap - in <body>

【讨论】：

【解决方案3】：

感谢这里的所有答案。
最后修复它的是将代码从以下位置更改一分钟：

<input type="button" onclick="foo();" value="hell">

到

<button onclick="foo()">

然后单击运行良好的 burron 并触发该功能。
然后改回：

<input type="button" onclick="foo();" value="hell">

现在它工作正常。不知道为什么：/

【讨论】：