javascript - JavaScript での関数呼び出し

Question

私は困惑しています。この単純な Javascript 関数を呼び出すことができないようです。ありがとう！

 <html>
 <head>


<script type="text/javascript">

    function increase()
    {
        alert(" the button was pressed");
    }

</script>         
 </head>

 <body>


 <form action="Test.html" method="post">

   <input type="submit" onclick="increase();" />

</form>   

 </body>
 </html>

score 2 · Accepted Answer

これを試して：

<input type="button" id="buttonId">Button</input>

<script language="javascript">
    function increase() { alert(" the button was pressed"); } 

    document.getElementById("buttonId").onClick=increase;
</script>

score 2 · Accepted Answer

どこが間違っているのかわかりにくいです。関数を定義しているようです。これにより、ページが読み込まれたときに増加関数が実行されます。

<script type="text/javascript">
  function increase() {
    alert(" the button was pressed");
  }
  increase();
</script>

これにより、ボタンが押されたときに関数が実行されます。

<script type="text/javascript">
  function increase() {
    alert(" the button was pressed");
  }
</script>
<button onclick="increase()">text</button>

あなたはまだ始まったばかりのように聞こえますが、それは素晴らしいことです。また、本を手に入れることをお勧めします。数年前、Jeremy Keith によるDOM Scriptingを読みましたが、問題ありませんでした。また、オンラインでチュートリアルを探してみてください。

score 0 · Accepted Answer

これを試しましたか？スクリプトタグの間にJavaScriptを配置する必要があります。

<script type="text/javascript">
    function increase() { alert(" the button was pressed"); } 
</script>

score 0 · Accepted Answer

Praveenが言ったこととは別に、私が同意するのは、こことここに優れた初心者向けチュートリアルがあります。

score 0 · Accepted Answer

コードでは、ボタンをクリックするとフォームが送信されます。
あなたがしなければならないことはfalseを返すことです。フォームが送信されないようにします。

<form action="#" method="POST">
  <input type="submit" onclick="return false; increase();">
</form>

javascript - JavaScript での関数呼び出し

5 に答える 5

Related

Reference