script 中crossorigin 详解

在前端开发中，我们常常需要通过 `<script>` 标签加载外部的 JavaScript 代码，例如加载第三方库或者远程 API。但是，由于浏览器的同源策略限制，如果外部 JavaScript 文件的域名与当前页面不同，那么浏览器会阻止访问该文件的内容，这就是跨域问题。

为了解决跨域问题，我们可以使用 `crossorigin` 属性。这个属性告诉浏览器该脚本文件是否允许跨域访问，以及如何处理跨域访问时的错误。

`crossorigin` 属性有以下几个取值：

- `anonymous`：允许跨域访问，但不会携带任何身份信息。
- `use-credentials`：允许跨域访问，并且会携带当前页面的身份信息（例如 cookie）。

如果外部 JavaScript 文件允许跨域访问，并且服务器返回的响应头中设置了 `Access-Control-Allow-Origin` 字段，那么浏览器就可以正常加载该文件。

例如，以下代码会加载一个外部 JavaScript 文件，并且允许跨域访问：

<script src="https://example.com/script.js" crossorigin="anonymous"></script>

需要注意的是，如果 `crossorigin` 属性设置为 `use-credentials`，那么服务器需要在响应头中设置 `Access-Control-Allow-Credentials` 字段为 `true`，否则浏览器会拒绝访问该文件。此外，如果服务器返回的响应头中没有设置 `Access-Control-Allow-Origin` 字段，那么浏览器也会拒绝访问该文件。