在 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 函数