HTML <script> 标签的 type 属性 详解
HTML <script> 标签的 type 属性
实例
已设置 type 属性的脚本：
<script type="application/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>script type 属性</h1>
<p id="demo"></p>
<script type="application/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
type 属性规定脚本的 Internet 媒体类型（以前称为 MIME 类型）。
type 属性标识 <script> 和 </script> 标记之间的内容。
媒体类型由两部分组成：媒体类型和子类型。对于 JavaScript，媒体类型是 "application/javascript"。
浏览器支持
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| type | Yes | Yes | Yes | Yes | Yes |
语法
<script type="media_type">
属性值
| 值 | 描述 |
|---|---|
| media_type |
规定脚本的 Internet 媒体类型。 一些常用值：
请查看 IANA 媒体类型，以获取标准媒体类型的完整列表。 |
type 和 language 属性
type 和 language 属性都可用来指定 <script> 标签中的脚本的类型。
language 属性在 HTML 和 XHTML 标准中受到了非议，这两个标准提倡使用 type 属性。遗憾的是，这两个属性的值是不一样的。
如果您在使用 JavaScript，可以使用下面两种属性：
language = "JavaScript"
或者：
type = "text/javascript"
您可能偶尔会看见 language 的值为 VBScript（对 type 而言是 text/vbscript），表示包含的脚本代码是用 Microsoft 的 Visual Basic Script 编写的。
利用 JavaScript，您还可以使用 language 的值 "JavaScript 1.1"，表示包含的脚本语句只能被 Netscape 3.0 或更新的版本处理。Netscape 2.0 只支持 JavaScript 1.0，而无法处理标记为 "JavaScript 1.1" 的脚本。
提示：如果您希望学习有关 JavaScript 和 VBScript 的知识，请访问我们的 JavaScript 教程和 VBScript 教程。
