なぜこの単純な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に表示されません。

出典

2011-08-12 thomasf1

は "動作しませんでしたが、" 問題の説明ではありません。 –

[単純な例はJSFiddleでは動作しません]（http://stackoverflow.com/questions/5431351/simple-example-doesnt-work-on-jsfiddle） – Xufox

@ thomasf1：早くて完成したhttps://stackoverflow.com/a/7043684/295783 – mplungjan

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

のJSフィドルあなたが提案するものよりもはるかに簡単です申し訳ありませんが...

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

//Your code 


});

enter image description here

出典

2011-08-12 17:06:05

この回答は分かりません。これは説明ですか？解決策？ –

これは動作しません – Dan

function out of the onLoad/onReadyそれ以外のスコープの内側に配置され、ボタンは機能にアクセスできません。 JavaScriptの設定で、「ロード・タイプ」ドロップダウンで

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

出典

2011-08-12 17:03:35

選択No wrap - in <head>：あなたのケースでは、コードはこのようなルックスを生成ませラップ（頭を）

使用しないする必要があります。

出典

2011-08-12 17:03:39

ありがとう！私は何かが欠けていたと確信していた。愚かな私！ – thomasf1

さて、それは今動作します。しかし、正確には*ラップ（頭）を意味しない*？それは何をしているのか、していないのですか？ – erik

これは受け入れられた答えでなければなりません... – Xufox

変更の代わりに "onDomReady" の "何のラップ（頭）" を実行しないためのコード。マークアップにはあなたの機能がそのまま表示されません。

出典

2011-08-12 17:03:55 FishBasketGordo

-1

を書くものは何でもするために、このようなので、何か...

"onclick"属性を持つjs関数を呼び出す場合は、javascritコードを直接頭に入れてください。domreadyなどは必要ありませんs。

第2に、関数名の前に "javascript："を含める必要があります。

参照：http://jsfiddle.net/XNJxT/1838/

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

出典

2013-11-23 11:48:16 Korreca

[この美しい答え]（http://stackoverflow.com/a/11348403/1908115）で述べたように、 'javascript：'はお勧めできません（悪い習慣）。 – erik

なぜこの単純なJSFiddleは機能しませんか？

答えて

関連する問題