html页面加载解析流程
改篇主要向您介绍html页面的加载解析过程
操作方法
- 01
输入网址,浏览器向服务器发出请求,服务器返回html文件
- 02
浏览器载入html代码,发现 head 标签中有一个 link 引用了外部css文件
- 03
浏览器又发起css文件请求,服务器返回这个css文件
- 04
浏览器继续载入 body 部分的代码,而且css文件已经拿到,可以开始渲染页面了
- 05
浏览器在代码中发现一个 img 标签引用了张图片,就开始向服务器发出请求,此时浏览器不会等到图片下载完毕,而是继续渲染后面的代码
- 06
服务器返回图片文件,由于图片占用了一定的位置,影响了后面的排版布局,因此浏览器需要返回来重新渲染这部分代码
- 07
浏览器发现了 javascript 标签,赶快运行发现需要引用外部js文件,浏览器发起请求,服务器返回js文件
- 08
浏览器开始解析js代码,发现js中需要浏览器隐藏掉代码中某个div块,突然接到这个命令浏览器不得不重新渲染这部分代码
- 09
要是在页面上用户操作让浏览器更改页面布局或颜色搭配,浏览器就得重新请求相应的css文件
- 10
浏览器只得召集在座的 div、span、ul、h1告诉它们按照刚刚的流程再来一次
赞 (0)