从头学前端-40：什么是DOM？怎么用？

大家好，我是一碗周，一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐，万分有幸~

这是【从头学前端】系列文章的第四十篇-《DOM是什么？》

在HTML页面使用JavaScript

概述

之前我们已经学习了JavaScript基础语法和HTML、CSS基础语法，但是我们学习这两个内容的时候是分别学习的，并没有任何联系。

那有没有办法在HTML页面中引入JavaScript语言呢？答案是有的，我们可以使用<script>元素可以把JavaScript插入到HTML页面中，或包含外部的JavaScript文件。

<script>元素

HTML提供的<script>元素用于嵌入或引用可执行脚本。这通常用作嵌入或者指向JavaScript代码<script>元素也能在其他语言中使用

<script>元素拥有开始标签和闭合标签，这两个都是不允许省略的

<script>元素的常见属性

<script>元素的属性通常都是可选的**，常用的属性如下：

async属性：表示脚本会被并行请求，并尽快解析和执行。TML5新增

charset属性：表示通过src属性指定的代码的字符集，但大多数浏览器会忽略它的值。不常用

defer属性：表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部文件有效。

src属性：这个属性定义引用外部脚本的URI，这可以用来代替直接在文档中嵌入脚本。指定了src属性的script元素标签内不应该再有嵌入的脚本。

type属性：该属性定义<script>元素包含或src引用的脚本语言。属性的值为MIME类型（多用途互联网邮件扩展类型）。如果没有定义这个属性，脚本会被视作JavaScript。

使用<script>元素的方