初识Javascript

简介HTML CSS JS

简单的说 html 是标签里的内容以文本形式呈现,而后咱们用css去修饰(化妆)这些文本, js是咱们用来去后端的数据库提取数据而后传送给前端而且存放在html里.

Javascript 分为三部分

1.ECMAScript语言规范,由欧洲计算机制造商协会去制定一些脚本语言规范标准.
2.DOM(document object model)文档对象模型,它提供了对文档的结构化表述,并定义了一种方式能够从程序中的结构进行访问而且修改改文档的结构,样式和内容.

3.BOM(browser object model) 浏览器对象模型,将咱们使用的浏览器抽象成对象模型.

引入js

js和css 的引入有点类似, 例如一样可使用内联样式或者是外部引入.
1.咱们可使用<link rel="stylesheet" href="js的相对路径">
2.能够在body或者是head 书写<script> </script>.通常会写在全部标签的后面,也就是body标签里的最后一个元素.

页面解析

浏览器会从页面的顶部开始解析. 当浏览器解析过程当中遇到了一个css link标签,他会先去下载css代码而后继续解析,遇到script标签也同样.
script 里面具备两个属性(defer async)
defer(延迟): 在浏览器解析HTML 文档时,若是遇到了带有defer的script标签,浏览器会当即下载这个文件,在下载的同时会去不会像默认那样中止渲染和解析,而是会在下载的同时继续去解析渲染HTML,一旦页面渲染完毕以后就会执行该文件.
async(异步): 在浏览器遇到带有async的script标签时,用样的会当即下载该文件而且在下载的同时会去解析和渲染html,可是一旦文件下载完成就会中止解析HTML而且去执行这个已经下载好了的文件,等执行完成后再会去继续解析HTML
这里也能够听出来一些利弊.defer的话得等页面加载和渲染完成以后在能去执行js文件,相对来讲耗时比较多,可是async的话标签执行顺序不一样,基于哪一个标签先加载完成去执行哪一个,而且不管js执行的那段html是否已经渲染完成.