在html中使用javascript

1. <script>

重点属性：

• type:text/javascript

• src

• defer

• async

2.javascript引入页面的方式

• 直接在页面中写javascript代码
• 引入外部的javascript文件

3.引入外部的文件，放在哪里？以及弊端

• 放在head中

  将所有外部引入的文件放在head中，当浏览器遇到javascript文件，加载文件（下载，解析，执行），停止呈现页面的内容，等到js文件加载完成，再去渲染页面，如果文件很大，则一直处于等待状态；页面空白；

• 放在html body之后
  为了避免空白，所以将js文件放在html之后，也就是说等待页面渲染之后，再去加载js文件

4.如果js放在head中,并且不想出现空白页，怎么解决

• 通过defer属性（延迟js文件的加载类似于将js文件放在html之后加载）
  特点：<script>文件会按照顺序执行

• 通过async属性(异步加载js文件)

  特地:不会让页面等待js加载完再去渲染页面,也不会等待其他脚本，加载同时，进行页面的后续处理（比如洗衣服，先给洗衣机放水，然后去拿衣服，并行操作）
  不能保证顺序，加载完成立刻执行