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>