<script>
元素属性:
async:异步加载
(限第三方脚本) 加载完执行 没有顺序 不推荐
在 js 中动态插入加载脚本的元素,默认加载方式为async异步加载,如果浏览器不支持异步加载,可以声明为同步加载。
let script = document.creatElement('script')
script.src = 'load.js'
script.async = false
document.head.appendChild(script)
<link rel="preload" href="load.js">
defer: 文档完全被解析和显示之后再执行
(标签放到 body 的底部 效果一样 且兼容性好)
crossorigin:配置相关请求的跨域资源设置
(默认为匿名,不发送凭据:anonymous ) 凭据分三种:cookie、网站的 TLS 证书 、用户凭据(账号密码)
凭据设置方法:crossorigin="use-credentials"
integrity:验证资源完整性
对比资源的签名以验证资源的完整性(不完整则不执行代码,防止资源被修改)
type: 脚本语言内容类型(MIME类型)
text/javascript: 默认
module: (ES6模块) 代码中允许出现 import 和 export 关键字。代码默认加载方式为 defer ,
加载完成后再执行 因为如果文件中包含其它依赖,则需要等待其它依赖加载完再执行,如果没有其它依赖,
可以设置加载方式为 async ,加载完立即执行。
nomodule: module属性的兼容写法
如果浏览器支持 module 属性,遇到 nomodule 属性,则不解析代码块,
否则,代码块照常运行,达到兼容 module属性的效果。