1.分析html
2.构造dom树
3.载入外部js,css文件包括iframe资源
4.载入图像文件等外部资源
5.js在分析后开始执行
6.全部完成

遇到的小坑关于iframe(算不上吧,当时没在意html加载和执行的顺序)

父页面p.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>p</title>
</head>
<body>
<div class='main'>
<div class="p">parent text</div>
<iframe id='s1' src="s1.html"></iframe>
</div>
<script>
window.onload=function(){
    var s1=document.getElementById("s1");
    var s1_w=s1.contentWindow;
    var s1_doc=s1_w.document;
    alert(s1_doc.title);

}
</script>
</body>
</html>

子页面s1.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>s1</title>
</head>
<body>
</body>
</html>

在父页面中当初   不是在当页面完全加载完资源(放onload里)就执行获取子页面的title获取一直为空(那时候还没加载子页面的资源)