<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 脚本的加载和执行进行精细控制,从而提高网页的性能和安全性。