このJSFiddleの何が問題なのかわかりません。
HTML:
<input type="button" value="test" onclick="test()">
JavaScript:
function test(){alert("test");}
ボタンをクリックしても、何も起こりませんでした。コンソールに「テストが定義されていません」と表示される
私は JSFiddle のドキュメントを読みました - そこには、JS コードが追加され<head>、HTML コードが追加されたと書かれています<body>(したがって、この JS コードは html よりも前のものであり、動作するはずです)。
ラップ設定を指定しない場合、デフォルトで「onLoad」になります。これにより、結果がロードされた後に実行される関数にすべての JavaScript がラップされます。すべての変数はこの関数に対してローカルであるため、グローバル スコープでは使用できません。
ラッピング設定を「ラップなし」に変更すると、機能します。
http://jsfiddle.net/zalun/Yazpj/1/
フレームワークを使用しないため、フレームワークを「ライブラリなし」に切り替えました。
関数はロードハンドラー内で定義されているため、スコープが異なります。@ellisbbenがコメントで指摘しているように、windowオブジェクトで明示的に定義することでこれを修正できます。さらに良いことに、ハンドラーを目立たないようにオブジェクトに適用するように変更します：http: //jsfiddle.net/pUeue/
$('input[type=button]').click( function() {
alert("test");
});
インラインではなく、この方法でハンドラーを適用すると、HTMLがクリーンに保たれることに注意してください。私はjQueryを使用していますが、必要に応じて、フレームワークの有無にかかわらず、または別のフレームワークを使用して実行できます。
フレームワークと拡張パネルのラップ設定を「ラップインなし」に変更し<body>ます
<script>
function test(){
alert("test");
}
</script>
<input type="button" value="test" onclick="test()">
コードに問題はありません。右側から拡張子 onLoad() を選択するだけです。