在本文中,我們將探討從 HTML 模板調(diào)用和初始化 JavaScript 函數(shù)。我們需要 JavaScript 函數(shù)對(duì)傳遞的輸入執(zhí)行所需的方法。
在本教程中,我們將討論從 HTML 頁面調(diào)用 JavaScript 函數(shù)的兩種主要方法。
在第一種方法中,我們將采用一個(gè)簡單的輸入標(biāo)簽和與其關(guān)聯(lián)的提交按鈕。單擊該按鈕后,我們將看到屏幕上彈出一個(gè)對(duì)話框作為警報(bào)。單擊此按鈕會(huì)調(diào)用 JavaScript 函數(shù)來顯示警報(bào)。
方法 1
首先,在輸入標(biāo)記旁邊選擇一個(gè)按鈕.
單擊按鈕后,您可以看到屏幕上彈出一個(gè)對(duì)話框,該對(duì)話框已在 JavaScript 函數(shù)中聲明為警報(bào)。
clickEvent() 函數(shù)允許使用 onclick() 方法單擊此按鈕時(shí)執(zhí)行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>
登錄后復(fù)制
輸出
上面的程序?qū)a(chǎn)生以下結(jié)果。當(dāng)您單擊“單擊此處!”按鈕時(shí),它將發(fā)出警報(bào),并顯示消息“嘿…Javascript 函數(shù)已調(diào)用。”
以上就是如何在 HTML 中調(diào)用 JavaScript 函數(shù)?的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章!