HTML | <script> type Attribute

在HTML中，<script>元素用于嵌入脚本代码，其type属性指定了脚本代码的类型。type属性是可选的，并且默认值为text/javascript。但是，在HTML5中，这个默认值被废弃了，建议总是明确指定type属性。

语法

<script type="type">
    // code here
</script>

type属性的值可以是以下之一：

• text/javascript： JavaScript代码
• text/ecmascript：ECMAScript代码
• text/xml：XML代码
• text/plain：纯文本
• module：ES6模块

示例

JavaScript代码

<script type="text/javascript">
    function greeting() {
        alert("Hello, world!");
    }
    greeting();
</script>

ECMAScript代码

<script type="text/ecmascript">
    function greeting() {
        alert("Hello, world!");
    }
    greeting();
</script>

XML代码

<script type="text/xml">
    <greeting>
        <message>Hello, world!</message>
    </greeting>
</script>

纯文本

<script type="text/plain">
    This is some plain text.
</script>

ES6模块

<script type="module">
    import { greeting } from './mymodule.js';
    greeting();
</script>

注意事项

• 在HTML5中，type属性的默认值被废弃了，建议总是明确指定该属性。
• type属性的值必须是MIME类型，但是在实际使用中，text/javascript和text/ecmascript是最常用的类型标识符。
• 某些浏览器可能不支持type="module"的script标签。
• type="module"的脚本会使用严格模式，无需在脚本中使用"use strict"语句。