scripts属性介绍
1.async:表示立即下载脚本，单不阻止其他页面的动作
2.defer：可以延迟到文档完全被解析之后在执行
3.integrity:对接收到的资源和指定的加密签名以验证资源的完整性
4.src:引用外部文件
5.cross origin：配置相关的CORS，默认crossorigin="anonymous" 配置文件表示不必设置凭证标志。crossrigin = "use-credentials“设置凭证标志
scripts注意
如果scripts放在head标签之内集中放到一起，也就意味着必须把所有的scripts代码下载，解析和解释之后，才能渲染页面，可能回导致页面暂时空白，所以在当前开发中，一般放到body中，这样回减少浏览器空白时间
动态加载脚本
```
let script = document.createElement('script')
script.src = 'a.js'
script.async = false
document.head.appendChild(script)
```
已这种方式加载的脚本是不可见的，会影响资源队列的优先级，所以我们需要在文档头部显性的声明
```
<link rel ="preload" href ="a.js">
```
网友评论