一文详解HTML中script 标签的属性

当我们需要在HTML页面中添加JavaScript代码时，可以使用<script>标签。<script>标签可以将JavaScript代码直接嵌入到HTML页面中，或者引用一个外部JavaScript文件，它具有如下属性：

type属性

type属性指定脚本语言的MIME类型。<script>默认type属性是Text/JavaScript。常见的type属性值：

• text/javascript：这是默认值，可以省略。
• text/ecmascript：通常用于Firefox浏览器。
• application/javascript：通常用于IE8及以下版本浏览器。
• application/x-javascript：通常用于IE9及以上版本浏览器和Chrome等现代浏览器。

示例1：使用type属性指定脚本语言的类型。

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

async属性

async属性指示浏览器可以并行下载并解析脚本的文件，但是不会等待脚本加载执行，因此当脚本执行时页面可能还没有完全渲染。如果代码执行顺序不重要，而且你也不依赖于页面中的任何内容，那么可以使用async属性。

示例2：使用async属性异步加载脚本。

<script async src="http://example.com/sample.js"></script>

defer属性

defer属性指示浏览器可以并行下载脚本的文件，但是会等到页面加载完成才执行脚本。它与async属性不同之处在于当页面完成渲染时脚本执行。如果你需要等到整个页面都加载完毕之后再执行JavaScript代码，可以使用defer属性。

示例3：使用defer属性延迟加载脚本

<script defer src="http://example.com/sample.js"></script>

以上就是<script>标签的常用属性。