浏览器的页面处理流程

12 阅读1分钟

浏览器的页面处理流程

当在浏览器地址栏中输入一个 url 地址,并按下回车后,会发生什么?

image.png 第一步:浏览器自动bu全url地址,对地址中的非ASCII字符会自动完成url编码

第二步:发送请求,请求html文档

第三步,丢弃旧页面,开始解析html文档。

若发现link元素,则发送请求获取CSS代码,此过程会终止html解析。

若发现img元素,则发送请求获取图片,此过程不会终止html解析。

若发现script元素,则发送请求获取js代码,此过程会终止html解析。

注意:相对路径与绝对路径的区别

相对路径:href="./css/index.css"

<link rel="stylesheet" href="./css/index.css">

这个地址是一个相对地址,相对的是url地址,url地址是www.baidu.com/test/index.… 相对路径是无法发出请求的,当请求这个css的时候,请求的地址是www.baidu.com/test/css/in…

绝对路径:

<link rel="stylesheet" href="/css/index.css">

这个地址是一个绝对地址,浏览器会自动补全协议,主机,端口号,与url地址保持一致,url地址是www.baidu.com/test/index.…

当请求这个css的时候,请求的地址是www.baidu.com/test/css/in…