输入URL到页面加载过程

URL(uniform resource location) : 统一资源定位符,用来作为互联网上各种资源的标识符，可理解为身份证号 。

注意点:浏览器为了保证安全性,设定了跨域保护策略, 即窗口之间的通信必须满足使用相同协议, 相同域或者子域, 相同端口, 因此深入理解URL各组成部分的含义有助于我们判断两个窗口之间是否能互相通信。

HTTP(HyberText Transfer Protocol) : 超文本传输协议，万维网中传输超文本都要遵从的一个协议,可以理解为HTML文件的传输就是靠它。

IP(Internet Protocol) :互联网中设备间进行通信都要遵从的一种协议,它规定了每台设备都要有且唯一的IP地址,用来标识自己在互联网中的地址。格式通常为http://XXX.XXX.XXX.XXX，不同网段下IP地址的范围也不同。如

域名(Domain Name) :由于IP协议规定的纯数字IP地址在日常中难以记忆,因此人们便产生使用更加常见,好记的字符标识设备的地址,域名应运而生。一个域名就是一个更加容易记忆的目标主机的地址标识符。例如:百度的域名就为 www.baidu.com ，实际对应的IP地址为119.75.217.109

DNS(Domain Name System): 互联网中实际定位设备时还是使用IP地址来定位,因此产生了DNS,一种专门用来将域名转换为IP地址的协议,提供该协议服务的服务器就叫DNS服务器。

• 输入地址

　　当我们开始在浏览器中输入网址的时候，浏览器其实已经开始在智能的匹配可能得到的URL了，他会从历史记录、书签等地方，找到已经输入的字符串可能对应的URL，然后给出智能的提示，对于Google chrome这种聪明的浏览器，他甚至会直接从缓存中把网页展示出来，也就是说在你还没有戳下enter键的时候，页面就已经加载完成了。

• 查询缓存

　　输入地址后，为了找到这个url域名的服务器ip，浏览器首先会寻找缓存，查看缓存中是否有记录。缓存的查找记录为：浏览器缓存 —> 系统缓存 —> 路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录。

• DNS解析

　　查询 本地的路由器中的DNS缓存中是否有目标域名的信息。　　

　　查询 ISP(互联网服务提供商,例如电信,移动)中的DNS服务器 中是否有目标域名的信息。

　　查询 根域名服务器 是否有目标域名的信息,如果没有,则传至子域名服务器进行查询，得到服务器的ip地址

• TCP连接、发送HTTP请求

　　浏览器之后会根据这个ip以及相应的端口号，构造一个http请求。这个请求报文会包括这次请求的信息（请求方法，请求说明和请求附带的数据），并将这个http请求封装在一个tcp包中，这个tcp包会依次经过传输层，网络层，数据链路层，物理层到达服务器。

• 服务器处理请求、并返回HTTP报文

　　服务器解析这个请求来作出响应，返回相应的html给浏览器。

• 浏览器解析渲染页面

　　浏览器根据这个html来构建DOM树，在DOM树的构建过程中如果遇到JS脚本和外部JS连接，则会停止构建DOM树来执行和下载相应的代码，造成阻塞，因此推荐JS代码应该放在html代码的后面。之后根据内外样式、内联样式构建一个CSS对象模型树，和DOM树合并为渲染树。