2013-03-31 82 views
1

一個簡單的JavaScript onclick事件不工作,但我不明白爲什麼,這裏是代碼:的JavaScript onclick事件不工作

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

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

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

+0

將小提琴更改爲使用「無包裹」可修復它。但是這種解決方案可能不是您在真實網頁中需要的。 – Barmar

+0

提示:檢查控制檯是否有錯誤。 – elclanrs

+1

@funkybro不,那是不對的。你需要括號來調用一個函數。 – Barmar

回答

4

這只是因爲jsfiddle插入javascript的方式。

的jsfiddle包裝你的代碼,這限制範圍的功能和保護全局命名空間:如果你告訴的jsfiddle將代碼注入到它的工作document body

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

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

或者您可以將您的「本地」功能變爲全球功能:

window.removeLol = removeLol; 
+0

謝謝,現在我明白我沒有測試localhost上的代碼,因爲我一直在玩jsFiddle。 – nmsdvid

0

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