JavaScript＜script＞标签属性讲解
<script> 元素
将 JavaScript 插⼊ HTML 的主要⽅法是使⽤ <Script> 元素。
属性:
1. <script> 元素本⾝
// script 元素本⾝在下载的时候会阻⽌其他页⾯的动作，⽐如下载资源或者等待其他脚本加载，只对外部脚本⽂件有效
<script src='script脚本位置.js'></script>
2. async：表⽰⽴即开始下载脚本，但不能阻⽌其他页⾯的动作，⽐如下载资源或者等待其他脚本加载，只对外部脚本⽂件有效。<script async="async" src="index.js"></script>
// 可以简写为↓
// 加上 async 表⽰页⾯加载的时候⽴即下载 script 脚本，下载完成之后⽴即加载。
<script async src="index.js"></script>
3. defer：表⽰脚本可以延迟到⽂档完全被解析和显⽰之后再执⾏。
<script defer="defer" src="index.js"></script>
// 简写↓
js脚本编程入门
// 加上 defer 表⽰页⾯加载时⽴即下载 scirpt 脚本，等待页⾯渲染完成之后再加载
<script defer src="index.js"></script>
4. <script type=“module”>：如果type属性为module，代码会被当作JavaScript模块
// module.js  ↓
export Hello {
return'Hello type="module"'
}
/
/ index.js ↓
<script type="module">
import{ Hello  }from'module.js'
console.log(Hello)// Hello type="module"
</script>
<script> 元素分别加上 async、defer、type=“module” 下载与加载时机
绿⾊线表⽰HTML⽂本的解析、蓝线表⽰下载时机、红线表⽰加载时机
设置 async 时加载 JS 脚本是不固定位置的主要看什么时候下载完成
type=“module” 和 defer ⼀个效果 都是上来就下载 等到最后加载
5. crossorigin：配置相关请求的CORS（跨源资源共享）设置。默认不使⽤ CORS。
/
/ 配置⽂件请求不必设置凭据标志
<script src="index.js"  crossorigin="anonymous"></script>
// 设置凭据标志，意味着出站请求会包含凭据
<script src="index.js"  crossorigin="anonymous"></script>
6. src 表⽰包含要执⾏的代码的外部⽂件
<script src="index.js"></script>
7. type：替代 language，表⽰代码块中脚本语⾔的内容类型（也称 MIME 类型）
<script src="index.js" type="text/JavaScript"></script>
8. integrity：允许⽐对接受到的资源和指定的加密签名以验证⼦资源的完整性。它通过验证获取⽂件的哈希值是否和你提供的哈希值⼀
样来判断资源是否被篡改
9. charset ：使⽤ src 属性指定的代码字符集。这个属性很少使⽤，因为⼤多数浏览器不在乎它的值。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。