<script>的属性

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

1. src：

   • 用于指定外部 JavaScript 文件的 URL。
   • 当使用 src 属性时，标签内的 JavaScript 代码将被忽略。

   <script src="path/to/your/script.js"></script>
   

2. 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>
   

3. async：

   • 表示脚本应该异步加载。
   • 一旦脚本下载完成，浏览器将立即执行它，不会阻塞页面的解析。
   • 仅当 src 属性存在时才有效。

   <script src="path/to/your/script.js" async></script>
   

4. defer：

   • 表示脚本应该延迟执行，直到整个页面解析完成。
   • 适用于外部脚本，并且不会阻塞页面的解析。
   • 仅当 src 属性存在时才有效。

   <script src="path/to/your/script.js" defer></script>
   

5. charset：

   • 指定脚本文件的字符编码。
   • 通常不常用，因为大多数 JavaScript 文件使用 UTF-8 编码。

   <script src="path/to/your/script.js" charset="UTF-8"></script>
   

6. crossorigin：

   • 配置跨源资源共享（CORS）设置。
   • 可选值有 anonymous、use-credentials。

   <script src="path/to/your/script.js" crossorigin="anonymous"></script>
   

7. nomodule：

   • 表示脚本不应被支持 ES6 模块的浏览器执行。
   • 常用于提供回退脚本给不支持模块的旧浏览器。

   <script src="path/to/your/legacy-script.js" nomodule></script>
   

8. integrity：

   • 用于指定资源的子资源完整性（SRI）哈希值。
   • 可以帮助确保资源在传输过程中未被篡改。

   <script src="path/to/your/script.js" integrity="sha384-xxxx" crossorigin="anonymous"></script>
   

9. 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="path/to/your/script.js" referrerpolicy="origin"></script>
   

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