初识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.我们可以使用
2.可以在body或者是head 书写.一般会写在所有标签的后面,也就是body标签里的最后一个元素.

页面解析

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