为什么这个简单的 JSFiddle 不起作用？答案

【问题标题】：Why does this simple JSFiddle not work?为什么这个简单的 JSFiddle 不起作用？
【发布时间】：2011-10-25 23:56:58
【问题描述】：

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

【问题讨论】：

“没用”不是问题描述。
Simple example doesn't work on JSFiddle的可能重复
@thomasf1：请将您接受的答案更改为较早且更完整的答案stackoverflow.com/a/7043684/295783

标签： javascript html jsfiddle

【解决方案1】：

如果还有问题，请检查是否有问题

作为浏览器扩展安装的 AdBlockers？（即 AdBlocker Plus）

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

我希望这对某人有所帮助。

谢谢。

【讨论】：

【解决方案2】：

如果您使用 html onclick="func()"

，可能有些人需要将您的函数移到 document.ready 之外

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

function func(){
  ...
}

【讨论】：

【解决方案3】：

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

【讨论】：

谢谢！我确定我错过了什么。愚蠢的我！
好的，现在可以了。但是no wrap (head)到底是什么意思呢？它在做什么或不做什么？
@BlakeWebb 重新运行“项目”以使更改生效。
截至 2018 年 1 月
这个选项现在好像没有了。

【解决方案4】：

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

script type="javascript/text"

而不是：

script type="text/javascript"

现在它可以工作了。

【讨论】：

【解决方案5】：

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

Js fiddle 所以无论你写什么都像这样

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

//Your code


});

【讨论】：

我不明白这个答案。这是解释吗？解决方案？

【解决方案6】：

对不起，但是...比您建议的要简单得多...

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

其次，需要在函数名前加上“javascript:”。

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

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

【讨论】：

如in this beautiful answer 所述，不推荐javascript:（不好的做法）。

【解决方案7】：

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

【讨论】：

【解决方案8】：

您需要使用您的function out of the onLoad/onReady，否则它会被放置在另一个范围内，并且您的按钮无法访问该功能。在您的情况下，您需要使用不换行（头）

生成的代码如下所示：

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

【讨论】：