HTML で JavaScript 関数を呼び出すにはどうすればよいですか?-jsチュートリアル-php.cn

HTML で JavaScript 関数を呼び出すにはどうすればよいですか?

PHPz

リリース： 2023-09-14 09:53:04

転載

1450 人が閲覧しました

この記事では、HTML テンプレートからの JavaScript 関数の呼び出しと初期化について説明します。渡された入力に対して必要なメソッドを実行するには、JavaScript 関数が必要です。

このチュートリアルでは、HTML ページから JavaScript 関数を呼び出す 2 つの主な方法について説明します。

最初のメソッドでは、単純な入力タグとそれに関連付けられた送信ボタンを取得します。ボタンをクリックすると、警告として画面にダイアログボックスがポップアップ表示されます。このボタンをクリックすると、JavaScript 関数が呼び出され、アラートが表示されます。

方法 1

まず、input タグの横にあるボタンを選択します。
ボタンをクリックすると、次のことができます。「JavaScript 関数でアラートとして宣言されたダイアログボックスが画面にポップアップする」を参照してください。
clickEvent() 関数を使用すると、onclick() メソッドを使用してこのボタンがクリックされたときに、alert() を実行できます。

#例 1

#index.html

<!DOCTYPE html>
<html>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <input type="button" onclick="clickEvent();" value="Click Here !" />
   <script>
      function clickEvent() {
         alert("Hey... The Javascript function is invoked.");
      }
   </script>
</body>
</html>

ログイン後にコピー

出力

上記のプログラムは、以下の結果。「

Click here!」ボタンをクリックすると、警告が表示され、「Hey...Javascript function called.」というメッセージが表示されます。

如何在 HTML 中调用 JavaScript 函数？