三种引入javascript文件的方式

1. 内部书写（不推荐使用） 通过 <style> 标签 在其内部书写 JavaScript 代码。要注意 <style> 标签的书写位置，由于 html 代码的执行从上到下，会出现 JavaScript 代码中的需要操作元素渲染到 JavaScript 代码之后，这是由于相应的元素没有加载进入，所以 JavaScript 代码无法获取到。
2. 外部引入（推荐使用） 通过<script> 的 scr 属性来指明需要引入的 js 文件。为了避免 js 文件太大，加载时（浏览器停止渲染）文件下载的同步问题 出现浏览器出现空白的问题，使用异步加载方式下载 js 文件，添加 async 属性，同时为了解决上述出现的问题，添加 defer 属性，让所有 js 文件再 html 文档的所有元素渲染完成后，再进行执行 js 文件，防止出现js操作未渲染上的DOM节点无效的问题。
3. 直接写在标签内部。（不推荐使用）<p onclick="alert('你点中我了');"