浏览器页面加载过程
第一步: 打开页面，浏览器会从服务端获取HTML内容。
第二步: 从上到下解析HTML元素。
第三步：<head>元素内容首先被解析，此时浏览器还没开始渲染页面。
第四步： 当浏览器遇到script,会暂停解析并下载JavaScrip脚本。
第五步： 当JavaScript脚本下载完成后，浏览器的控制权交给JavaScript引擎。
第六步：当脚本执行完成后控制权会交回给渲染引擎。
第七步：继续渲染元素，此时<body>元素内容开始被解析，浏览器开始渲染页面。
第一步: 打开页面，浏览器会从服务端获取HTML内容。
第二步: 从上到下解析HTML元素。
第三步：<head>元素内容首先被解析，此时浏览器还没开始渲染页面。
第四步： 当浏览器遇到script,会暂停解析并下载JavaScrip脚本。
第五步： 当JavaScript脚本下载完成后，浏览器的控制权交给JavaScript引擎。
第六步：当脚本执行完成后控制权会交回给渲染引擎。
第七步：继续渲染元素，此时<body>元素内容开始被解析，浏览器开始渲染页面。
