输入url到页面加载的步骤

输入url到页面加载的步骤:
1、首先,在浏览器地址栏中输入url
2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容。若没有,则跳到第三步操作。
3、在发送http请求前,需要域名解析(DNS解析),解析获取相应的IP地址。
4、浏览器向服务器发起tcp连接,与浏览器建立tcp三次握手。即客户端发送 SYN 包给服务器,服务器接收后回送一个 SYN/ACK 包给客户端,最后客户端发送一个 ACK 包给服务器,双方确认连接建立。
5、握手成功后,浏览器向服务器发送http请求,请求数据包。请求的内容包括请求方式(GET、POST 等)、请求头(Accept、User-Agent 等)、请求参数等。
6、服务器处理收到的请求,将数据返回至浏览器。响应内容包括状态码、响应头(Content-Type、Content-Length 等)和响应体(HTML、CSS、JavaScript 等)。
7、浏览器收到HTTP响应
8、读取页面内容,浏览器渲染,解析html源码
9、生成Dom树、解析css样式、js交互。(解析过程包括解析 HTML 构建 DOM 树、解析 CSS 构建 CSSOM 树、合并 DOM 树和 CSSOM 树构建渲染树、根据渲染树计算布局和绘制页面。)
10、客户端和服务器交互,页面加载完成,可以看到页面的内容。

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JSP下载文件说明包括两部分内容,一部分是JSP基础知识;另一部分是综合实例。读者可根据相应的使用说明直接使用这些源代码。 一、基础知识部分 此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并启动Tomcat服务器,在浏览器中浏览网页。 表1 第1章 序号 文件名称 位置 说明 1 SimpleJSP.jsp 第1章\ch1 第一个JSP页面 2 web.xml 第1章\ch1\WEB-INF 第1章程序应用的描述文件 表2 第2章 序号 文件名称 位置 说明 1 sample1.html 第2章\ch2 第一个HTML网页 2 sample2.html 第2章\ch2 设置HTML网页标题示例 3 sample3.html 第2章\ch2 设置HTML网页字体示例 4 sample4.html 第2章\ch2 设置HTML网页其他字体示例 5 sample5.html 第2章\ch2 换行与不换行标记示例 6 sample6.html 第2章\ch2 对齐标记示例 7 sample7.html 第2章\ch2 创建表格示例 8 sample8.html 第2章\ch2 设计表单示例 9 sample9.html 第2章\ch2 图象标记示例 10 sample10.html 第2章\ch2 链接标记示例 11 sample11.html 第2章\ch2 简单的JavaScript示例 12 sample12.html 第2章\ch2 介绍String对象示例 13 sample13.html 第2章\ch2 介绍Date对象示例 14 sample14.html 第2章\ch2 介绍Math对象示例 15 sample15.html 第2章\ch2 介绍Windows对象示例 续表 序号 文件名称 位置 说明 16 sample16.html 第2章\ch2 介绍鼠标事件示例 17 sample17.html 第2章\ch2 介绍键盘事件示例 18 sample18.html 第2章\ch2 介绍焦点事件示例 19 sample19.html 第2章\ch2 介绍调整窗口尺寸事件示例 20 sample17.html 第2章\ch2 介绍加载和卸载事件示例 21 02_1.jpg 第2章\ch2\image sample9.html中使用的图片文件 22 web.xml 第2章\ch2\WEB-INF 第2章程序应用的描述文件 23 register.html 第2章\ch2 习题答案,用户注册页面 表3 第3章 序号 文件名称 位置 说明 1 Add.java 第3章\ch3 习题答案(编程题第1题) 2 Add.class 第3章\ch3 习题答案(编程题第1题) 3 Fibonacci.java 第3章\ch3 习题答案(编程题第2题) 4 Fibonacci.class 第3章\ch3 习题答案(编程题第2题) 5 Cylinder.java 第3章\ch3 习题答案(编程题第3题) 6 Cylinder.class 第3章\ch3 习题答案(编程题第3题) 表4 第4章 序号 文件名称 位置 说明 1 example.jsp 第4章\ch4 一个典型的JSP页面 2 head.jsp 第4章\ch4 include指令示例(显示标题和页头) 3 body.jsp 第4章\ch4 include指令示例(显示页体) 4 tail.jsp 第4章\ch4 include指令示例(显示页尾) 5 include.jsp 第4章\ch4 利用include指令包含上述3个JSP页面 6 example1.jsp 第4章\ch4 Scriptlet示例 7 div.jsp 第4章\ch4 处理客户请求阶段的错误示例 8 error.jsp 第4章\ch4 div.jsp页面的错误处理页面 9 web.xml 第4章\ch4\WEB-INF 第4章程序应用的描述文
### 回答1: 1. 用户在浏览器地址栏中输入URL。 2. 浏览器将URL发送给DNS服务器,以获取域名的IP地址。 3. DNS服务器返回IP地址给浏览器。 4. 浏览器使用HTTP协议向服务器发送请求。 5. 服务器接收请求并返回响应。 6. 浏览器接收响应并解析HTML代码。 7. 浏览器根据HTML代码渲染页面。 8. 页面加载完成后,浏览器会执行JavaScript代码。 9. 页面加载完成后,浏览器会发送异步请求,如AJAX请求,以获取更多数据。 10. 页面加载完成后,浏览器会将页面缓存起来,以便下次访问时更快地加载。 ### 回答2: 亲爱的用户,首先让我来解答你的问题。从浏览器地址栏输入URL到显示页面步骤大致可以分为以下几步: 1. 域名解析 当你在浏览器中输入网址时,首先浏览器会通过网络调用DNS域名解析服务,将域名解析为一个IP地址,这个IP地址是服务器的地址。 2. 发送HTTP请求 浏览器收到页面URL和服务器的IP地址后,会向服务器发送一个HTTP请求。这个请求包含请求方法(GET、POST、PUT等)、请求头、请求体等信息。 3. 服务器处理请求 在收到浏览器发送的HTTP请求之后,服务器会根据请求的内容,来进行相应的处理。服务器会解析请求并查找出被请求的资源文件。 4. 服务器响应 服务器在处理完请求后,会将处理结果发送给浏览器。响应包括状态码、响应头和响应体。状态码表示请求的状态,200表示请求成功,404表示请求的资源未找到等。 5. 浏览器解析渲染页面 浏览器在收到服务器响应后,会根据响应的类型来进行相应的处理。如果服务器响应的是HTML文件,浏览器就会对HTML文件进行解析,并根据CSS、JavaScript等文件来进行页面的渲染和呈现。 最终,页面就会在浏览器中呈现给用户。整个过程虽然简单,但其中的原理和技术却十分复杂,需要浏览器、服务器、DNS等多个系统协同合作,才能最终实现我们常见的网络请求和数据传输。 ### 回答3: 当用户在浏览器地址栏输入URL并回车后,会开始URL解析和页面加载的一系列过程。这个过程涉及到多个步骤,可以简述为以下几个步骤: 1. DNS解析:浏览器首先会发送一个DNS请求到本地DNS服务器,请求其解析URL对应的IP地址。如果本地DNS服务器没有缓存该域名对应的IP地址,则会向根域名服务器发送请求,依次查询该域名的顶级域名服务器以及该域名的授权域名服务器,直到找到该域名对应的IP地址,然后再将IP地址返回给浏览器。 2. TCP连接:浏览器通过IP地址连接到服务器上,通过TCP协议进行可靠的连接。 3. 发送HTTP请求:在TCP连接建立后,浏览器会向服务器发送HTTP请求。请求中包含请求类型(GET、POST等)、请求路径、请求头(浏览器信息、语言、Cookie等)和请求体(POST请求携带的表单数据)。 4. 服务器处理请求并返回HTTP响应:服务器接收到请求后进行处理,处理完后会返回HTTP响应。响应中包含状态码、响应头和响应体(HTML、CSS、JavaScript等文件)。 5. 浏览器解析HTML并构建DOM树:浏览器收到响应后,将响应体中的HTML代码解析,构建成DOM树,DOM树用于描述HTML文档的结构和内容。 6. 浏览器解析CSS并构建CSSOM树:浏览器解析响应体中的CSS代码,构建CSSOM树,CSSOM树用于描述HTML元素的样式。 7. 渲染页面:根据DOM树和CSSOM树,浏览器会合并生成渲染树,并进行布局和绘制,最终将渲染结果显示在用户的屏幕上。 以上是从浏览器地址栏输入URL到显示页面的主要步骤。在这个过程中,涉及到浏览器、网络、服务器等多个部分协同工作,以便向用户呈现出最终的页面

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值