HTML script 标签支持哪些属性(attributes)
目录
<script>
标签支持的属性有 type
, crossorigin
, integrity
, async
, defer
,
以下是各属性的作用和示例:
type
(可选)
指定外部文件中使用的脚本语言的内容类型(也称为 MIME 类型)。
通常情况下,可以使用默认值 “text/javascript”。使用案例如下:
<script src="main.js" type="text/javascript"></script>
crossorigin
(可选)
用于管理跨域请求,允许服务器指定谁可以访问服务器上的资源。
<script src="main.js" crossorigin="anonymous" integrity="sha384-xxxxx"></script>
integrity
(可选)
允许浏览器检查获取的脚本,以确保代码在源被篡改时不会被加载。
<script src="https://example.com/script.js" integrity="sha384-xxxxx" crossorigin="anonymous"></script>
async
(可选)
指示浏览器立即开始下载脚本,但不会阻止页面的渲染,脚本将异步执行。
<script src="main.js" async></script>`
defer
(可选)
延迟脚本的执行,直到文档内容完全加载后执行。
<script src="main.js" defer></script>