这篇文章来源于JS高级程序设计第三版中关于script标签的介绍，结合查阅的资料写下的学习笔记。 　　向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过src属性引入外部js文件 ...

script标签存在两个属性，defer和async，因此script标签的使用分为三种情况： 　　1.<script src="example.js"></script> 　　　没有defer或async属性，浏览器会立即加载并执行相应的脚本。也就是说在渲染 ...

defer和async的区别？ defer：延迟； async：异步； 先来试个一句话解释仨，当浏览器碰到 script 脚本的时候： 没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档 ...

Script标签是我们常用的引用js脚本的一种方式。 撸代码的时候，我们常常只写src属性，直接忽略其他属性。 最近发现了2个可以利用的属性：async、defer。 顾名思义async就是异步，在不影响其他资源加载的同时，异步加载这个文件；defer就是延迟加载。 下面是高三上的解释 ...

作用： 1.没有 defer 或 async，浏览器会立即加载并执行指定的脚本，也就是说不等待后续载入的文档元素，读到就加载并执行。 2.async 属性表示异步执行引入的 JavaScript，与 defer 的区别在于，如果已经加载好，就会开始执行——无论此刻是 HTML 解析阶段 ...

script 拥有的属性 async：可选，表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 charset：可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少有 ...

概念 默认情况下js的脚本执行是同步和阻塞的，但是 <script> 标签有 defer 和 async 属性, 这可以改变脚本的执行方式，这些都是布尔类型了，没有值，只需要出现在 <script> 标签里即可。 如： 还要注意一点，html5说 ...

<script src="a.js" defer></script> 加了defer属性script标签的页面，运行流程如下： 1.浏览器开始解析HTML页面 2.遇到有defer属性的script标签，浏览器继续往下面 ...