这篇文章来源于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标签用于加载脚本与执行脚本，在前端开发中可以说是非常重要的标签了。直接使用script脚本的话，html会按照顺序来加载并执行脚本，在脚本加载&执行的过程中，会阻塞后续的DOM渲染。 现在大家习惯于在页面中引用各种的第三方脚本，如果第三方服务商出现了一些 ...

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

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

壹 ❀ 引 我在 google recaptcha 谷歌人机身份验证使用教程 一文中有引用这样一段外部资源代码，如下： 可以看到在script标签中，存在async与defer两个属性，首先这两个属性并共存，说直白点，你一个都不加，或者加两个属性其一，脚本加载规则都会不同，这点我在之前确实 ...

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