JavaScript onclick事件無效

Question

一個簡單的JavaScript onclick事件不起作用，但我不明白為什么，這里是代碼：

<button onclick="removeLol()">remove style</button>

function removeLol() {
    alert("hello");
}

這是一個簡單的例子： http ： //jsfiddle.net/YNQg6/1/

Answer 1

這只是因為jsfiddle如何插入javascript。

Jsfiddle將您的代碼包裝到一個限制范圍並保護全局命名空間的函數中：

window.onload=function(){
  function removeLol() {
    alert("hello");
    element.className = element.className.replace(" lol ", "");
  }
}

如果你告訴jsfiddle將代碼注入document body它可以工作：

http://jsfiddle.net/YNQg6/13/

或者你可以在全球范圍內改變你的“本地”功能：

window.removeLol = removeLol;

Answer 2

代碼工作得很好（只是在我的服務器上嘗試過）。 檢查控制台是否存在可能導致腳本無法運行的其他錯誤