1、加载按html文档顺序加载,先加载head中引入的外部文件。然后加载body内部代码,img文件最后加载。
2、写网页时最好将js文件的引用以及自己写的代码放在最下面,这样在操作DOM时不易出错,因为DOM结构已经加载完毕。
正常的网页加载流程是这样的。
- 浏览器一边下载HTML网页,一边开始解析
- 解析过程中,发现
<script>
标签 - 暂停解析,网页渲染的控制权转交给JavaScript引擎
- 如果
<script>
标签引用了外部脚本,就下载该脚本,否则就直接执行 - 执行完毕,控制权交还渲染引擎,恢复往下解析HTML网页