JavaScript 应用位置

<script> 标签

在 HTML 中，JavaScript 代码插入在<script>和</script>标签。

示例

亲自试一试 »

旧的 JavaScript 示例可能使用 type 属性：<script type="text/javascript">。
类型属性不是必需的。 JavaScript 是 HTML 中的默认脚本语言。

JavaScript 函数和事件

JavaScriptfunction是一段 JavaScript 代码，可以在 "called" for 时执行。

例如，当事件发生，就像用户单击按钮时一样。

您将在后面的章节中了解有关函数和事件的更多信息。

<head> 或 <body> 中的 JavaScript

您可以在 HTML 文档中放置任意数量的脚本。

脚本可以放置在<body>，或在<head>HTML 页面的一部分，或两者中。

<head> 中的 JavaScript

在这个例子中，一个 JavaScriptfunction被放置在<head>HTML 页面的一部分。

单击按钮时会调用（调用）该函数：

示例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>

<h2>Demo JavaScript in Head</h2>

<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

亲自试一试 »

<body> 中的 JavaScript

在这个例子中，一个 JavaScriptfunction被放置在<body>HTML 页面的一部分。

单击按钮时会调用（调用）该函数：

示例

<!DOCTYPE html>
<html>
<body>

<h2>Demo JavaScript in Body</h2>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

亲自试一试 »

将脚本放置在 <body> 元素的底部可以提高显示速度，因为脚本解释会减慢显示速度。