页面加载资源的形式有:
1. 输入url(或跳转页面)加载html
2.url: www.baidu.com
3.加载html中的静态资源
4.script标签中资源的加载
加载一个资源的过程:
1. 浏览器根据DNS服务器得到域名的IP地址
2. 向这个IP的机器发送http请求
3.服务器收到、处理并返回http请求
4.浏览器得到返回内容
浏览器渲染页面的过程:
1.根据HTML结构生成DOM Tree
2.根据CSS生成CSSOM
3.将DOM和CSSOM整合形成RenderTree
4.根据RenderTree开始渲染和展示
5.遇到<script>时,会执行并阻止渲染。
问题:
从输入url到得到html的详细过程
1. 浏览器根据DNS服务器得到域名的IP地址
2. 向这个IP的机器发送http请求
3.服务器收到、处理并返回http请求
4.浏览器得到返回内容
window.onload 和 DOMContentLoaded的区别
1.window.onload: 页面的全部资源加载完才会执行,包括图片、视频等
2.DOMContentLoaded: DOM渲染完即可执行,此时图片、视频还没有加载完
本文结。