输入一个url的变化过程

最新推荐文章于 2022-11-24 11:00:20 发布

Invictus_cl

最新推荐文章于 2022-11-24 11:00:20 发布

阅读量854

点赞数 1

本文链接：https://blog.csdn.net/weixin_39191274/article/details/82263738

版权

1、输入地址

2、浏览器查找域名的IP地址。这一步包括DNS具体的查找过程，Socket 发送数据

3. 浏览器给web服务器发送一个HTTP请求（1.通过访问的域名找出其IP地址2.TCP/TP三次握手3.进入tomcat后如何处理的4.TCP/IP四次挥手）

4. 网站服务的永久重定向响应.浏览器跟踪重定向地址现在，浏览器知道了要访问的正确地址，所以它会发送另一个获取请求。

5. 服务器“处理”请求，服务器接收到获取请求，然后处理并返回一个响应。

6. 服务器发回一个HTML响应（（如dns查询，tcp/ip链接，五层因特网协议栈等等）

7. 浏览器开始显示HTML（页面的渲染过程 http1 http2）

8. 浏览器发送请求，以获取嵌入在HTML中的对象。在浏览器显示HTML时，它会注意到需要获取其他地址内容的标签。这时，

9.浏览器会发送一个获取请求来重新获得这些文件。这些文件就包括CSS/JS/图片等资源，这些资源的地址都要经历一个和HTML读取类似的过程。所以浏览器会在DNS中查找这些域名，发送请求，重定向等等…

1，url--->一个完整的URL包括以下几部分：

强缓存与弱缓存

缓存可以简单的划分成两种类型：强缓存（200 from cache）与协商缓存（304）

区别简述如下：

强缓存（200 from cache）时，浏览器如果判断本地缓存未过期，就直接使用，无需发起http请求
协商缓存（304）时，浏览器会向服务端发起http请求，然后服务端告诉浏览器文件未改变，让浏览器使用本地缓存

对于协商缓存，使用Ctrl + F5强制刷新可以使得缓存无效

但是对于强缓存，在未过期时，必须更新资源路径才能发起新的请求

协议部分：

该URL的协议部分为“http：”，这代表网页使用的是HTTP协议。在Internet中可以使用多种协议，如HTTP，FTP等等本例中使用的是HTTP协议。在"HTTP"后面的“//”为分隔符

HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。

　　HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。

　　HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。

HTTPS和HTTP的区别主要如下：

　　1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。

　　2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。

　　3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。

　　4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。

HTTPS的优点:　

（1）使用HTTPS协议可认证用户和服务器，确保数据发送到正确的客户机和服务器；

　　（2）HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全，可防止数据在传输过程中不被窃取、改变，确保数据的完整性。

　　（3）HTTPS是现行架构下最安全的解决方案，虽然不是绝对安全，但它大幅增加了中间人攻击的成本。

HTTPS的缺点:

(1)HTTPS协议握手阶段比较费时，会使页面的加载时间延长近50%，增加10%到20%的耗电；

　　（2）HTTPS连接缓存不如HTTP高效，会增加数据开销和功耗，甚至已有的安全措施也会因此而受到影响；

　　（3）SSL证书需要钱，功能越强大的证书费用越高，个人网站、小网站没有必要一般不会用

b.域名部分：

该URL的域名部分为“www.aspxfans.com”。一个URL中，也可以使用IP地址作为域名使用

c.跟在域名后面的是端口，

域名和端口之间使用“:”作为分隔符。端口不是一个URL必须的部分，如果省略端口部分，将采用默认端口80

d.从域名后的第一个“/”开始到最后一个“/”为止，是虚拟目录部分。

虚拟目录也不是一个URL必须的部分。本例中的虚拟目录是“/news/”

e.从域名后的最后一个“/”开始到“？”为止，是文件名部分，

如果没有“?”,则是从域名后的最后一个“/”开始到“#”为止，是文件部分，如果没有“？”和“#”，那么从域名后的最后一个“/”开始到结束，都是文件名部分。本例中的文件名是“index.asp”。文件名部分也不是一个URL必须的部分，如果省略该部分，则使用默认的文件名

f.锚部分：

从“#”开始到最后，都是锚部分。本例中的锚部分是“name”。锚部分也不是一个URL必须的部分

g.参数部分：

从“？”开始到“#”为止之间的部分为参数部分，又称搜索部分、查询部分。本例中的参数部分为“boardID=5&ID=24618&page=1”。参数可以允许有多个参数，参数与参数之间用“&”作为分隔符。

如何截取一个URL后面的参数（截参）：

&：不同参数的间隔符？：连接作用#：#代表网页中的一个位置。其右面的字符，就是该位置的标识符。

1.function GetRequest() {

var url = location.search; //获取url中"?"符后的字串

var theRequest = new Object();

if (url.indexOf("?") != -1) {

var str = url.substring(1);

strs = str.split("&");

for (var i = 0; i < strs.length; i++) {

theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);

}

return theRequest;

}

2.function getParameterByName(paramName) { var args = new Object(); var argsStr = location.search; //获取URL参数字符串 if (argsStr.length > 0) { argsStr = argsStr.substring(1); var nameValueArr = argsStr.split("&"); //多参数 for (var i = 0; i < nameValueArr.length; i++) { var pos = nameValueArr[i].indexOf('='); if (pos == -1) continue; //如果没有找到就跳过 var argName = nameValueArr[i].substring(0, pos); //提取name var argVal = nameValueArr[i].substring(pos + 1); //提取value args[argName] = unescape(argVal); } return args[paramName]; } }

2、浏览器查找域名的IP地址。这一步包括DNS具体的查找过程，