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">

```