在本文中,我們將探討從 HTML 模板調用和初始化 JavaScript 函數。我們需要 JavaScript 函數對傳遞的輸入執行所需的方法。
在本教程中,我們將討論從 HTML 頁面調用 JavaScript 函數的兩種主要方法。
在第一種方法中,我們將采用一個簡單的輸入標簽和與其關聯的提交按鈕。單擊該按鈕后,我們將看到屏幕上彈出一個對話框作為警報。單擊此按鈕會調用 JavaScript 函數來顯示警報。
方法 1
首先,在輸入標記旁邊選擇一個按鈕.
單擊按鈕后,您可以看到屏幕上彈出一個對話框,該對話框已在 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>
登錄后復制
輸出
上面的程序將產生以下結果。當您單擊“單擊此處!”按鈕時,它將發出警報,并顯示消息“嘿…Javascript 函數已調用?!?/p>
以上就是如何在 HTML 中調用 JavaScript 函數?的詳細內容,更多請關注www.92cms.cn其它相關文章!