script和noscript标签的用途说明

Weipeng Qiao大约 1 分钟

script 标签

type 属性
- 表示代码块脚本语言的内容类型
- 如果这个值为module，则代码会被当成 ES6 模块，只有这时候，代码中才能出现 import 和 export 关键字
src 属性
- 指向外部 JS 文件的 URL
async 属性
- 不会阻塞文档的加载，为异步加载，不能保证按照顺序来执行脚本
defer 属性
- 立即下载脚本，推迟到文档渲染完毕后执行，原则上按照脚本的引入顺序来执行

注意：async 属性和 defer 属性，只适用于外部文件

noscript 标签

早期浏览器不支持 JS，为了能使浏览器平稳运行，可以使用此标签用于在不支持 JS 的浏览器显示替代内容
浏览器支持 JS,不会渲染此标签的内容，反之则渲染
如今的浏览器已经 100%支持 JS,如果浏览器被禁用 JS,这个标签还是有用的

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      document.write("你的浏览器支持JS！");
    </script>
    <noscript><h1>你的浏览器不支持JS</h1></noscript>
  </body>
</html>