分析一段html代码,html解析页面的过程
作为一个web前端工程师，我们需要大致了解下浏览器解析html文件的大致过程。本文举例简要地说明了这一过程：
1. 用户输入网址，浏览器会向该网址服务器发出请求，服务器会返回html文件；
2. 浏览器开始载入html代码，发现
标签内有一个标签引用外部CSS文件；3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件；同理也会返回链接的其他css，js文件等
4. 浏览器继续载入html中
部分的代码，并且CSS文件已经返回了，就可以开始渲染页面了；5. 浏览器在代码中发现一个标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码；
6. 服务器返回图片文件后，浏览器会回过头来重新渲染这部分代码；
7. 如果浏览器在html文件底部发现了一段Javascript代码；Javascript脚本执行了这条语句，假设这段代码是隐藏前面的某一个
，浏览器不得不返回重新渲染这部分代码；8. 最终加载到结尾标签，完成页面的加载；
9. 页面加载完后，如果又执行一些会导致页面变化的js，浏览器会返回重新渲染这段代码；
转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/22032.html
微信打赏
支付宝打赏
感谢您对作者Toby的打赏，我们会更加努力！ 如果您想成为作者，请点我
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！