onclickボタンの属性の書き込み機能

私のボタンのonclick属性に直接関数を使用しようとしていますが、私はいつもエラーがあります。例：onclickボタンの属性の書き込み機能

<button onclick="function() { alert('hello'); }">Click me</button>

、結果は次のとおりです。

Uncaught SyntaxError: Unexpected token (

出典

2017-04-20 Storm

JavaScriptとjavaの共通点はほとんどありません。 Javaタグを削除してください！ –

あなたがしようとしているのは、とにかく何も達成できない関数を定義することだけです。 'onclick =" alert（ 'hello'） "'関数を定義する場合は、JavaScriptコードで個別に行い、 'onclick'で関数を呼び出すだけです。（または、JavaScriptコードからハンドラとしてアタッチして、HTMLにインラインJavaScriptを記述しないようにしてください。） – David

だけ文リスト、それの機能にする必要はありません：あなたは機能を追加することができますコードの下

<button onclick="alert('hello');alert('hello 2');alert('hello 3');">Click me</button>

出典

2017-04-20 14:59:18 user5328504

これは単なる例で、複雑なコードとonclick内のajax呼び出しを持っていますエラーは常に同じ – Storm

です。あなたの特別なケースをよりよく反映するように質問を更新することができます。まだ。なぜあなたはインライン関数を使いたいのですか？あなたが使うことができる他の多くのパターンがあります – user5328504

をあなたのonclick属性で。

あなたはこのようなコードを記述する必要があり、私に

<button onclick="javascript:(function() { alert('hello'); })()">Click me</button>

出典

2017-04-20 15:00:29 Knitesh

をクリックします。

<button onClick="alert('hello');">Click me</button>

出典

2017-04-20 15:05:48

あなたのhtmlファイル

<script> 
 
     function hello(){ 
 
    \t alert('hello') 
 
     } 
 
    </script> 
 

 
    <button id="bait" onClick="hello()"> 
 
     Click me 
 
    </button> 
 
    <!-- OR --> 
 
    <!-- <button onclick="javascript:(() => {alert('hello')})()"> --> 
 
    <!-- But it's good for short function only -->

にこのすべてをしたい場合は、そのようなことを行うことができます。しかし、私はあなたができる場合は、（代わりにjQueryを使用すべきだと思います）

あなたがそうしたい場合は、単にはclickHandler機能追加：プロンプトの

$("#bait").on("click",() => { 
 
     alert('hello') 
 
    })

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
 

 
<button id="bait">Click me </button>

をビット行き過ぎが、私はそれがますので、あなたがトリッキー機能のためにこれを頼むと仮定全体的に簡単になります

出典

2017-04-20 15:16:06 Manu

onclickボタンの属性の書き込み機能

答えて

関連する問題