この記事では、HTML テンプレートからの JavaScript 関数の呼び出しと初期化について説明します。渡された入力に対して必要なメソッドを実行するには、JavaScript 関数が必要です。
このチュートリアルでは、HTML ページから JavaScript 関数を呼び出す 2 つの主な方法について説明します。
最初のメソッドでは、単純な入力タグとそれに関連付けられた送信ボタンを取得します。ボタンをクリックすると、警告として画面にダイアログ ボックスがポップアップ表示されます。このボタンをクリックすると、JavaScript 関数が呼び出され、アラートが表示されます。
まず、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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
