js基础----用户在浏览器输入网址后页面的加载

2021-02-14 20:18

阅读：892

YPE html>

标签：点击需要 ref span code 浏览器有一个加载顺序 back

问题：用户输入网址（假设是个html页面，并且是第一次访问）

假设html 文件demo如下

1- 根据用户输入的域名查找到对应的ip地址（DNS)，浏览器向这个ip对应的服务器发送请求，服务器返回html文件

2- 浏览器开始载入html代码，发现

标签内有一个标签引用外部的css文件；

3- 浏览器又发出css文件的请求，服务器返回这个css文件

4- 浏览器继续载入html中

部分的代码，并且css已经拿到手了，可以开始渲染页面了

5- 浏览器在代码中发现一个标签引用了一张图片，继续向服务器发送获取图片的请求。此时浏览器不会等待图片加载完，而是继续渲染后面的代码

6-服务器返回图片文件，由于图片占用了一定面积，影响了后面段落的排布，因此浏览器需要回过头来重新渲染这部分代码

7-浏览器发现了包含js代码的

8- 继续执行，一直到；

9- 用户点击了页面的按钮， js让浏览器更换了一下浏览器标签的css路径；

浏览器需要重复上面的3往后的动作，获取新的css文件，重新渲染页面

js基础----用户在浏览器输入网址后页面的加载

标签：点击需要 ref span code 浏览器有一个加载顺序 back

原文地址：https://www.cnblogs.com/xiaqin/p/12990788.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js基础----用户在浏览器输入网址后页面的加载
文章链接：http://soscw.com/index.php/essay/55329.html

亲，登录后才可以留言！