HTML的 script 标签引用js文件及其属性整理

在 HTML 页面中，可以通过 <script> 标签插入 JavaScript 代码，也可以引用外部 js 文件。

浏览器支持：

插入 JavaScript 代码：

<script> 标签用于定义客户端脚本，比如 JavaScript , script 元素可以包含脚本语句。

<script type="text/javascript">
    document.write("Hello World!")
</script>

注意：在 HTML 4.01 和 XHTML 1.0 规范中，type 属性是必须的。在 HTML5 规范中， script 的 type 属性默认是 text/javascript ，在《JavaScript DOM编程艺术》一书中也明确指出，type 不需要添加。

所以，type 也可以省略：

<script>
    document.write("Hello World!")
</script>

引用外部 js 文件：

src 属性规定外部脚本文件的 URL 。

<script type="text/javascript" src="demo.js"></script>

同样，type 可以省略：

<script src="demo.js"></script>

注意：外部文件不能包含 <script> 标签！

type 和 language 属性：

type 和 language 属性都可用来指定 <script> 标签中的脚本的类型。

language 属性在 HTML 和 XHTML 标准中受到了非议，这两个标准提倡使用 type 属性。遗憾的是，这两个属性的值是不一样的。

一下是两种属性的写法：

language = "JavaScript"

或者：

type = "text/javascript"

语法：

<script type="value">

常用属性值：

text/javascript
text/ecmascript
application/ecmascript
application/javascript
text/vbscript

其他属性：

async 异步执行脚本（仅适用于外部脚本）。

语法：

<script async="async" src="demo.js"></script>

或者直接写成：

<script async src="demo.js"></script>

charset 规定在外部脚本文件中使用的字符编码。

语法：

<script charset="value" src="demo.js"></script>

示例：

<script charset="UTF-8" src="demo.js"></script>

defer 对脚本执行进行延迟，直到页面加载为止。

示例：

<script defer="defer" src="demo.js"></script>

或者直接写成：

<script defer src="demo.js"></script>

声明：本文由w3h5原创，转载请注明出处：《HTML的 script 标签引用js文件及其属性整理》 https://cloud.tencent.com/developer/article/1537953