Javascript按钮单击事件未按预期工作

Question

嗨我有小提琴，工作正常!!

Working Fiddle

但我在下面的小提琴中复制了相同的内容。但它没有用。我真的很担心这个疑问。请帮我解释一下。然后我才能正常睡觉。

Not Working Fiddle

HTML

<input type="submit" id="byBtn" value="Change" onclick="change()" />

的Javascript

function change() {
  alert("Clicked");
}

Answer 1

这是因为您的javascript加载类型已设置为OnLoad 要解决此问题，

1）单击功能附近的JavaScript设置按钮[功能右侧]

2）在框架和扩展名

中选择mootools 1.4.5版本

3）这很重要。在加载类型中选择No Wrap - In Head选项

4）点击运行。

现在你的功能将起作用。

为什么它现在正在执行，因为我们已将负载类型设置为Head中的No Wrap并从onLoad更改它。因此，您的功能现在是全局的，可以引用它。如果它是OnLoad，则只能在函数调用中引用它。

我希望这会有所帮助。 ：）