JavaScript中的script元素

 第二章 HTML中的 JavaScript

一、<script>元素 脚本的加载和执行顺序

 包括：无属性、defer 、async、type="module" 、type="module" async五种方式。

绿线为HTML页面执行整体加载执行进度，蓝线为页面插入<script>标签位置的加载进度，红线为页面插入<script>标签位置执行进度。

重叠为异步加载，蓝线分叉是因为module嵌套的情况。

二、多个<script>元素的情况

无属性：严格按照出现顺序被解释，为不影响性能，<script>元素可放在</body>前

defer ：只推迟到</body>前加载，顺序不变。

async：异步加载，不一定按照出现顺序加载。使用了async，不推荐使用document.write

三、其他内容：

1、如果浏览器支持SPDY/HTTP2，外部引用同一个JavaScript文件，浏览器只需下载一次，页面加载更快。

2、文档模式：混杂模式，标准模式，准标准模式。对标准的特性支持多少。比如浏览器的兼容模式，极速模式等。

3、<noscript>元素，当浏览器禁用JavaScript 或不支持显示元素内容。

未完待续...