在 HTML 文档中的任何位置放置 JavaScript 代码都是灵活的。然而，将 JavaScript 包含在 HTML 文件中的最常用方式如下：
-
在
<head>...</head> 部分中的脚本。
-
在
<body>...</body> 部分中的脚本。
-
在
<body>...</body> 和 <head>...</head> 部分中的脚本。
-
在外部文件中的脚本，然后在
<head>...</head> 部分中包含。
您可以遵循下面的语法来使用 <script> 标签添加 JavaScript 代码。
<script>
</script>
在下面的部分中，我们将看到如何以不同的方式将 JavaScript 放入 HTML 文件中。
在 <head>...</head> 部分中的 JavaScript
如果您希望脚本在某个事件发生时运行，例如当用户点击某处时，则将该脚本放在头部如下所示：
<html>
<head>
<script type = "text/javascript">
function sayHello() {
alert("Hello World")
}
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>
在 <body>...</body> 部分中的 JavaScript
如果需要脚本在页面加载时运行，以便脚本在页面中生成内容，则脚本位于文档的 <body> 部分。在这种情况下，您不会使用 JavaScript 定义任何函数。请看下面的代码。
<html>
<head>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
<p>This is web page body </p>
</body>
</html>
在 <body> 和 <head> 部分中的 JavaScript
您可以将 JavaScript 代码放在 <head> 和 <body> 部分中，如下所示：
<html>
<head>
<script type = "text/javascript">
function sayHello() {
alert("Hello World")
}
</script>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>
在外部文件中的 JavaScript
随着您开始更广泛地使用 JavaScript，您可能会发现有些情况下您会在站点的多个页面上重复使用相同的 JavaScript 代码。
您不必受限于在多个 HTML 文件中维护相同的代码。