script标签中defer和async

<html>
  <body>
    ...
    <script src='a.js'></script>
    <script src='b.js'></script>
  </body>
</html>

这段代码的含义是: 在文档资源执行完毕后, 然后 a.js、b.js 并发下载(浏览器机制), 顺序执行。

下面这种写法与上面这种写法效果相同:

<html>
  <head>
    <script src='a.js' defer></script>
    <script src='b.js' defer></script>
  </head>
  <body>
    ...
  </body>
</html>

注意到关键词 defer, 它的特点如下:

再来看如下写法:

<html>
  <head>
    <script src='a.js' async></script>
    <script src='b.js' async></script>
  </head>
  <body>
    ...
  </body>
</html>

此时的关键词是 async, 它的特点如下:

评论