2013-03-31 85 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

代码工作得很好(只是在我的服务器上试过)。检查控制台是否存在可能导致脚本无法运行的其他错误