JavaScript入门

JavaScript入门

1. JavaScript引入方式——嵌入式
   

2. JavaScript引入方式——外链式
   
   
   
   
   相比嵌入式，外链式的优势可以总结为以下3点：
   ① 嵌入式会导致HTML与JavaScript代码混合在一起，不利用修改和维护。
   ② 嵌入式会增加HTML文件的体积，影响网页本身的加载速度，而外链式可以利用浏览器缓存提高速度。
   ③ 外链式有利于分布式部署。网页中链接的js、css、图片等静态文件可以部署到CDN服务器上，利用CDN的优势加快下载速度。

3. JavaScript引入方式——行内式
   由于现代网页开发提倡结构、样式、行为的分离，即分离HTML、CSS、JavaScript三部分的代码，避免直接写在HTML标签的属性中，从而更有利于维护。因此在实际开发中不推荐使用行内式。
   ◆JavaScript异步加载
   存在的问题：引入JavaScript代码时，页面的下载和渲染都会暂停，等待脚本执行完成后才会继续（内嵌式或外链式）。
   解决的办法1：对于不需要提前执行的代码，将

// 方式一：async
<script src="http://js.test/file.js" async></script>
// 方式二：defer
<script src="http://js.test/file.js" defer></script>

async异步加载，即先下载文件，不阻塞其他代码执行，下载完成后再执行。
defer用于延后执行，即先下载文件，直到网页加载完成后再执行。
共同点：即使文件下载失败，也不会阻塞后面的JavaScript代码执行。