首頁 > web前端 > js教程 > 如何在 HTML 中呼叫 JavaScript 函數?

如何在 HTML 中呼叫 JavaScript 函數?

PHPz
發布: 2023-09-14 09:53:04
轉載
1507 人瀏覽過

在本文中,我們將探討從 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板