首頁  >  文章  >  web前端  >  如何在 HTML 中呼叫 JavaScript 函數?

如何在 HTML 中呼叫 JavaScript 函數?

PHPz
PHPz轉載
2023-09-14 09:53:041477瀏覽

在本文中,我們將探討從 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 函數已呼叫。」

如何在 HTML 中调用 JavaScript 函数?

以上是如何在 HTML 中呼叫 JavaScript 函數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除