为什么这个简单的JSFiddle不起作用?

有一些我想放入JSFiddle的代码。 它没有工作。 缩小它我甚至不能得到这个最简单的代码工作:

的jsfiddle

function displaymessage() { alert("Hello World!"); } 
 <form> <input type="button" value="Click me!" onclick="displaymessage()" /> </form> <p>By pressing the button above, a function will be called. The function will alert a message.</p> 

alert框不显示在JSFiddle中。

http://jsfiddle.net/praveen_prasad/XNJxT/14/

无论你写什么,Js都可以这样做

 window.addEvent('load',function(){ //Your code }); 

在这里输入图像描述

在JavaScript设置的“加载types”下拉列表中selectNo wrap - in <head>

上面提到的下拉列表的屏幕截图

你需要把你的函数从onLoad / onReady中取出,否则它被放在另一个范围内,你的button不能访问该函数。 在你的情况下,你需要使用无包装(头)

生成的代码如下所示:

 Ext.onReady(function() { function displaymessage() { alert("Hello World!"); } }); 

更改代码运行“无包装(头)”,而不是“onDomReady”。 你的function是不可见的标记。

对不起,但…比你提议的要简单得多…

如果你想用“onclick”属性调用一个js函数,把你的javascrit代码直接放在头上,你不需要domready或者类似的。

其次,你需要在函数名前join“javascript:”。

请参阅: http : //jsfiddle.net/XNJxT/1838/

 <input type="button" value="Click me!" onclick="javascript:displaymessage()" />