js红宝书笔记-第二章

第二章 HTML 中如何 JavaScript

1.1 使用<script > 标签

在 html 中使用 javaScript 需要使用 <script> 标签，有 2 种引入方式，有多个时会按文档中出现的顺序执行，先出现先执行

• 行内脚本

<script>
		console.log("卷心菜yst");
</script>

• 外部脚本（推荐 ：易维护，可缓存）

<script src="example.js"/>							//可以是相对地址
<script src="http://www.somewhere.com/afile.js"/>	//也可也是网络地址

需要注意的是外部脚本的网络资源可能是一个恶意文件，我们可以使用 integrity 属性解决，具体自行了解

需要注意的是<script>标签内的代码不要出现</script>这串字符，否则它以为你在这结束，可以使用转义字符<\/script>

1.2 async defer 属性

<script> 标签有 8 个属性，其中最重要的是 async 异步 与 defer 推迟，
当页面中有多个 async 的时候不保证执行顺序，因为你不知道什么是下载完，下载完会马上执行，而 defer 可以按文档中的出现前后保证顺序
它们的区别如图

需要注意的是<script> 标签推荐放在body的最后面，这样用户界面不会堵塞，或者使用异步推迟

1.3 <noscript> 标签

当页面不支持或禁用 js 时会当成 html 展示

<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

以上代码会在页面能使用js时消失，不能支持或禁用时展示