JavaScript 去哪儿
“我们来到这里是为了为这个世界做贡献。否则，我们为什么在这里？”
史蒂夫乔布斯
这<script> Tag
在 HTML 中，JavaScript 代码插入到 <script> 和</script> 标签。
旧的 JavaScript 示例可能使用类型属性： <script type="text/javascript">.
type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。
JavaScript 函数和事件
JavaScript function 是一段 JavaScript 代码块，可在“调用”时执行。
例如，当 事件 发生，例如当用户单击按钮时。
您将在后面的章节中学习到更多有关函数和事件的知识。
JavaScript 中<head>或者<body>
您可以在 HTML 文档中放置任意数量的脚本。
脚本可以放在 <body>或 <head> HTML 页面的一部分，或者两者兼而有之。
JavaScript 中<head>
在此示例中，JavaScript function 放置在<head> HTML 页面的一部分。
当单击按钮时，将调用该函数：
例子
<!DOCTYPE html>
<html>
<head>
<script>
函数 myFunction() {
document.getElementById("demo").innerHTML = "段落已改变。";
}
</script>
</head>
<body><h2>Head 中的演示 JavaScript</h2>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>
亲自尝试 »
JavaScript 中<body>
在此示例中，JavaScript function 放置在<body> HTML 页面的一部分。
当单击按钮时，将调用该函数：
例子
<!DOCTYPE html>
<html>
<body>
<h2>Body 中的演示 JavaScript</h2>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
函数 myFunction() {
document.getElementById("demo").innerHTML = "段落已改变。";
}
</script>
</body>
</html>
亲自尝试 »
将脚本放在<body>元素提高了显示速度，因为脚本解释会减慢显示速度。
外部 JavaScript
脚本也可以放在外部文件中：
外部文件：myScript.js
函数 myFunction() {
document.getElementById("demo").innerHTML = "段落已改变。";
}
当在许多不同的网页中使用相同的代码时，外部脚本非常实用。
JavaScript 的文件具有以下文件扩展名 .js.
要使用外部脚本，请将脚本文件的名称放在 src （源）属性<script> 标签：
您可以将外部脚本引用放在 <head> 或者<body> 随你便。
脚本的行为将如同位于 <script> 标签位于。
外部脚本不能包含 <script> 标签。
外部 JavaScript 的优势
将脚本放在外部文件中有一些优点：
- 它将 HTML 和代码分开
- 使 HTML 和 JavaScript 更易于阅读和维护
- 缓存的 JavaScript 文件可以加快页面加载速度
要将多个脚本文件添加到一个页面 - 使用多个脚本标签：
例子
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
外部引用
可以通过三种不同的方式引用外部脚本：
- 使用完整的 URL（完整的网址）
- 使用文件路径（例如 /js/）
- 没有任何路径
此示例使用 完整网址 链接到 myScript.js：
此示例使用 文件路径 链接到 myScript.js：
此示例不使用路径链接到 myScript.js：
您可以在章节中阅读有关文件路径的更多信息 HTML 文件路径.
