javascript警报功能奇怪的行为

Question

所以我正在学习JavaScript ....我在学习中已经超越了这些基本的东西，但无法弄清楚为什么这不会起作用：

   function message(){
      alert("message"); 
    }

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

在Js Bin上一切都很好http://jsbin.com/uwutut/1/edit

在Js小提琴上没有触发警报！ http://jsfiddle.net/vincentieo/D2dxA/

这是完全相同的代码...复制和粘贴所以没有理由为什么js小提琴是挑剔？

Answer 1

如果您不告诉它，jsfiddle基础结构会将您的代码放入“load”事件的事件处理程序中。 这意味着您的函数是该处理程序的本地函数，因此它不是全局可见的。

在jsfiddle UI的左侧，查找代码所在位置的下拉菜单，然后选择“no-wrap（body）”。 看看是否有帮助。

Answer 2

如果你将你的javascript移动到你的标题，它的工作完美

http://jsfiddle.net/D2dxA/2/

<head>
<script>
function message(){
  alert("message"); 
}
</script>
</head>