简单按钮单击不起作用

时间:2014-02-26 13:40:22

标签: javascript html

为什么在JSFiddle中没有调用这个简单的onclick JavaScript函数?

HTML

<input type="button" value="Check" id="zeCheck" onclick="check();" />

JS

function check() {
    alert('ech');
}

DEMO

4 个答案:

答案 0 :(得分:1)

它不起作用,因为你在错误的地方定义了这个功能......

将您的脚本函数放在.js文件中或文档末尾 <script></script>代码。

Check this fiddle

答案 1 :(得分:0)

从onload事件中取出它会起作用。把它放在体内。 (左图)

答案 2 :(得分:0)

JS FIDDLE中的

onLoad 与JavaScript中的window.onload=function()相同。

没有换行 - in与

相同
<head><script type="text/javascript"> //your
//code goes here</script</head>

所以你只需将它改为NO to wrap to body。

答案 3 :(得分:0)

该函数正在加载处理程序中定义,因此属于不同的范围。您可以通过在窗口对象上显式定义它来解决此问题。更好的是,更改它以不显眼地将处理程序应用于对象:http://jsfiddle.net/pUeue/

$('input[type=button]').click( function() {
   alert("test");   
});

注意以这种方式应用处理程序而不是内联,可以保持HTML清洁。我正在使用jQuery,但如果你愿意,你可以使用或不使用框架或使用不同的框架。