html和js，外部js 的下载执行顺序

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

当用户开始访问，首先下载html资源和外部js资源，在chrome中显示的是html先下载，然后下载外部js，外部js的下载顺序安引用顺序，但是下载到达情况则视情况而定，接着才是图片和其他资源，但是要注意的是，js下载完成之后就开始执行了，也包括<script>块中的语句，此时页面可能还未开始渲染，所以会有白屏，就是js先执行了的原因，还有一点，外部js和<script>里的语句先执行的是外部js，这一点也可以从我们引用各种库的例子得到佐证。可以写一些简单的测试例子：

<html>
<head>
<script type="text/javascript" src="http://localhost/everywhere.js"></script>
<script type="text/javascript" src="http://localhost/test.js"></script>
<script type="text/javascript">
//ready(alert(document.getElementById("hehe")));
//ready();
alert("inner")
alert(document.getElementById("hehe"));
</script>
</head>
<body>
<p id="hehe">test</p>
</body> </html>

js1：

alert("out");
alert(document.getElementById("hehe"));

js2：

alert("out2")；

通过测试可以很容易的理解其执行顺序。