ホームページ > 記事 > ウェブフロントエンド > HTML で JavaScript 関数を呼び出すにはどうすればよいですか?
HTML で JavaScript 関数を呼び出すにはどうすればよいですか?
- PHPz転載
- 2023-09-14 09:53:041479ブラウズ
この記事では、HTML テンプレートからの JavaScript 関数の呼び出しと初期化について説明します。渡された入力に対して必要なメソッドを実行するには、JavaScript 関数が必要です。
このチュートリアルでは、HTML ページから JavaScript 関数を呼び出す 2 つの主な方法について説明します。
最初のメソッドでは、単純な入力タグとそれに関連付けられた送信ボタンを取得します。ボタンをクリックすると、警告として画面にダイアログ ボックスがポップアップ表示されます。このボタンをクリックすると、JavaScript 関数が呼び出され、アラートが表示されます。
方法 1
まず、input タグの横にあるボタンを選択します。
ボタンをクリックすると、次のことができます。 「JavaScript 関数でアラートとして宣言されたダイアログ ボックスが画面にポップアップする」を参照してください。
clickEvent() 関数を使用すると、onclick() メソッドを使用してこのボタンがクリックされたときに、alert() を実行できます。
#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 関数を呼び出すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。