介绍
您可以使用<script>
标签将 Javascript 插入 HTML 内联或作为外部文件。本教程演示了这两种方法。
先决条件
-
HTML5 的一般知识。要全面了解 HTML5 标记语言,请浏览我们的系列“如何用 HTML 构建网站”。
-
Javascript 的一般知识。要全面了解 Javascript,请浏览我们的系列“如何在 Javascript 中编码”。
使用<script>
标签将 Javascript 插入 HTML
以下是如何在 HTML 文档中插入外部 JavaScript 文件或一些内联 JavaScript。
要插入外部脚本文件:
<script src="doStuff.js"></script>
要插入内联脚本:
<script>
// your code here
</script>
请记住,您插入 JavaScript 的位置会影响加载顺序。像 jQuery 本身这样的基本内容通常放在<head>
部分中,而可以最后加载的内容(如跟踪脚本)通常可以在结束</body>
标记之前。
type="text/javascript"
type="text/javascript"
是一个可选的声明,从 HTML5 开始就不需要了。您仍会在遗留代码中看到它,但您不必在自己的代码中使用它。
结论
<script>
是 HTML 中最常见和最重要的标签之一。
要更全面地了解 HTML5 标记语言,请浏览我们的系列,如何用 HTML 构建网站。
要更全面地了解 Javascript,请浏览我们的系列“如何在 Javascript 中编码”。