在 HTML 正文中呼叫一個 JavaScript 函式

Valentine Kagwiria 2021年4月29日

JavaScript JavaScript Function

本文介紹瞭如何使用 <script> 標籤呼叫 JavaScript 函式以在 HTML 正文中執行。它還顯示瞭如何在 JavaScript 檔案中建立函式並將其連結到 HTML 檔案。

在 HTML `<script>` 標籤中呼叫 JavaScript 函式

如果你使用的是 JavaScript 函式，則在 HTML 正文中呼叫它的最佳位置之一就是 <script> 標籤。首先，你需要在一個單獨的 JavaScript 檔案中建立函式（最值得推薦，尤其是對於大型程式而言），然後在 head 將其連結到 HTML 檔案，如下所示。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src=thisfile.js'> </script>
    <title>sometext</title><meta charset="utf-8"/>
</head>
<body>
</html>

你還可以在 HTML 的 head 部分中建立和定義函式或 JavaScript 程式碼。然後，應使用指令碼標籤在正文部分中呼叫它，如下所示：

<script> thisFunction();</script>

例如，一個為填充 HTML 表格而建立的 JavaScript 函式 runtable(); 將按如下方式呼叫。

<table>
  <tr>

    <th>Student</th>

    <th>Grade</th>    

  </tr>

   runtable();

</table>

在 HTML <script> 標籤中呼叫 JavaScript 函式

相關文章 - JavaScript Function

在 HTML `<script>` 標籤中呼叫 JavaScript 函式