为啥这个简单的 JSFiddle 不起作用？
Posted
技术标签:
【中文标题】为啥这个简单的 JSFiddle 不起作用？【英文标题】：Why does this simple JSFiddle not work?为什么这个简单的 JSFiddle 不起作用？ 【发布时间】：2011-10-25 23:56:58 【问题描述】：我想将一些代码放入 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 中。
【问题讨论】：
“没用”不是问题描述。 Simple example doesn't work on JSFiddle的可能重复 @thomasf1：请将您接受的答案更改为较早且更完整的答案***.com/a/7043684/295783 【参考方案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!");
);
【讨论】：
以上是关于为啥这个简单的 JSFiddle 不起作用？的主要内容，如果未能解决你的问题，请参考以下文章