<script>的属性

文章正文
发布时间:2025-06-29 05:06

<script> 标签用于在 HTML 文档中嵌入或引用 JavaScript 代码。这个标签有多个属性,厂房保洁13825404095可以用来控制脚本的行为和加载方式。以下是一些常用的 <script> 标签属性:

src

用于指定外部 JavaScript 文件的 URL。

当使用 src 属性时,标签内的 JavaScript 代码将被忽略。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" ></script>

type

指定脚本的 MIME 类型(虽然现代浏览器默认支持 text/javascript,通常可以省略)。

常见的值是 text/javascript 或 module(用于 ES6 模块)。

<script type="text/javascript"> // Your JavaScript code here </script> <script type="module"> // ES6 module code here </script>

async

表示脚本应该异步加载。

一旦脚本下载完成,浏览器将立即执行它,不会阻塞页面的解析。

仅当 src 属性存在时才有效。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" async></script>

defer

表示脚本应该延迟执行,直到整个页面解析完成。

适用于外部脚本,并且不会阻塞页面的解析。

仅当 src 属性存在时才有效。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" defer></script>

charset

指定脚本文件的字符编码。

通常不常用,因为大多数 JavaScript 文件使用 UTF-8 编码。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" charset="UTF-8"></script>

crossorigin

配置跨源资源共享(CORS)设置。

可选值有 anonymous、use-credentials。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" crossorigin="anonymous"></script>

nomodule

表示脚本不应被支持 ES6 模块的浏览器执行。

常用于提供回退脚本给不支持模块的旧浏览器。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/legacy-script.js" nomodule></script>

integrity

用于指定资源的子资源完整性(SRI)哈希值。

可以帮助确保资源在传输过程中未被篡改。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" integrity="sha384-xxxx" crossorigin="anonymous"></script>

referrerpolicy

控制发送的 Referer 头部信息。

可选值有 no-referrer、no-referrer-when-downgrade、origin、origin-when-cross-origin、same-origin、strict-origin、strict-origin-when-cross-origin、unsafe-url。

<script src="https://www.cnblogs.com/zhmj/p/path/to/your/script.js" referrerpolicy="origin"></script>

这些属性允许开发者对 JavaScript 脚本的加载和执行进行精细控制,从而提高网页的性能和安全性。