网页的加载和执行顺序？我做过一些基于Web的项目，但是我不太关心普通网页的加载和执行顺序。但现在我需要知道细节。很难从谷歌找到答案，所以我提出了这个问题。示例页面如下所示：<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="abc.js" type="text/javascript">
</script>
<link rel="stylesheets" type="text/css" href="abc.css"></link>
<style>h2{font-wight:bold;}</style>
<script>
$(document).ready(function(){
$("#img").attr("src", "kkk.png");
});
</script>
</head>
<body>
<img id="img" src="abc.jpg" style="width:400px;height:300px;"/>
<script src="kkk.js" type="text/javascript"></script>
</body></html>以下是我的问题：这个页面是如何加载的？装载的顺序是什么？何时执行JS代码？(内联和外部)CSS什么时候执行(应用)？什么时候执行$(Document)？会下载abc.jpg吗？还是只是下载kkk.png？我的理解如下：浏览器首先加载html(DOM)。浏览器开始从上到下逐行加载外部资源。如果<script>满足时，加载将被阻塞，等待加载并执行JS文件，然后继续。其他资源(CSS/映像)将并行加载，并在需要时执行(如CSS)。或者是这样：浏览器解析html(DOM)并以数组或类似堆栈的结构获取外部资源。加载html后，浏览器将并行加载结构中的外部资源并执行，直到加载所有资源为止。然后，DOM将根据用户的行为更改，具体取决于JS。有人能详细解释一下当您得到html页面的响应时会发生什么吗？这在不同的浏览器中不同吗？有关于这个问题的参考资料吗？谢谢。编辑：我用Firebug在Firefox上做了一个实验。如下图所示：
3 回答
凤凰求蛊
TA贡献1825条经验 获得超4个赞
添加回答
举报
0/150
提交
取消