18

我想将一些代码放入 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 中。

4

8 回答 8

35

No wrap - bottom of <head>在 JavaScript 设置的“加载类型”下拉列表中选择。

上面提到的下拉菜单的截图

于 2011-08-12T17:03:39.763 回答
8

您需要将您的函数从 onLoad/onReady 中取出,否则它会被放置在另一个范围内,并且您的按钮无法访问该函数。在您的情况下,您需要使用 No wrap (head)

生成的代码如下所示:

Ext.onReady(function() {
    function displaymessage()
    {
        alert("Hello World!");
    }
});
于 2011-08-12T17:03:35.767 回答
4

更改代码以运行“no wrap (head)”而不是“onDomReady”。您的功能对您的标记不可见。

于 2011-08-12T17:03:55.507 回答
1

如果您使用 html onclick="func()" ,也许你们中的一些人需要将您的函数移到document.ready之外

$(document).ready(function() {
  ...
}

function func(){
  ...
}
于 2020-03-02T08:38:49.687 回答
0

如果仍有问题,请检查是否有

  1. AdBlockers 作为浏览器扩展安装?(即 AdBlocker Plus)

在此处输入图像描述

  1. 在 JSFiddle 中关闭 AdBlockers 并再次运行。

我希望这可以帮助别人。

谢谢。

于 2020-12-28T12:13:33.207 回答
-2

抱歉,但是...比您建议的要简单得多...

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

其次,您需要在函数名称前包含“javascript:”。

见:http: //jsfiddle.net/XNJxT/1838/

<input type="button" value="Click me!" onclick="javascript:displaymessage()" />
于 2013-11-23T11:48:16.977 回答
-4

我的问题是当我制作我的脚本标签时,我输入了它:

script type="javascript/text"

代替 :

script type="text/javascript"

现在它可以工作了。

于 2018-04-13T05:25:45.007 回答
-6

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

无论你写什么,Js fiddle 这样的东西

window.addEvent('load',function(){

//Your code


});

在此处输入图像描述

于 2011-08-12T17:06:05.647 回答