浏览器是怎么加载网页的?
1.在浏览器的地址栏输入网址,敲回车,会请求一次服务器,然后服务器就会返回一个数据包,就是网页代码(html格式的文本文档)。
2.浏览器开始去运行解析html文本(此时还没有外部的 图片,js,css,字体库资源)
-
1.解析html文本时,遇到了img标签的src属性,会异步的,开始再次网络请求服务器,服务器返回数据包(图片编码),然后渲染出来
-
2.解析html文本时,遇到了link-href,会异步的,开始再次网络请求服务器,服务器返回数据包(css编码),然后加载。
-
3.解析html文本时,遇到了xxx-url,会异步的,开始再次网络请求服务器,服务器返回数据包(对应编码),然后加载。
-
4.解析html文本时,遇到了srcipt-src,会异步的,开始再次网络请求服务器,服务器返回数据包(js编码),然后用js引擎去执行编码。
3.所有资源加载完毕了,才会触发window.onload