js和php那个先执行,javascript - js的加载和执行顺序问题

直接上代码

这是一个文件

Document

以下是a1.js

setTimeout(function(){

alert('这里是a1.js');

}，2000)

以下是a2.js

alert('这里是a2.js');

这是另一个文件

Document

#box{

background-color:red;

}

以下是b1.js

var op = document.getElementById('box');

var num1 = 0;

var timer1 = null;

timer1 = setInterval(function(){

num1++;

op.style.width = num1 + 'px';

if(num1 == 200){

clearInterval(timer1);

}

},20)

以下是b2.js

var op = document.getElementById('box');

var num2 = 0;

var timer2 = null;

timer2 = setInterval(function(){

num2++;

op.style.height = num2 + 'px';

if(num2 == 200){

clearInterval(timer2);

}

},20)

我的疑问是 为什么第一个文件是先弹窗弹出第二个js的内容 且另一个弹窗为什么一直没弹出来 而且 当我过了2秒把第一个弹出来的弹窗点确定取消后 为什么还要等2秒 另一个弹窗会弹出来 但第二个文件的p确实同时增加宽高(至少在我肉眼里面是同时)

说了这么多都感觉语无伦次了 我只想问 在这种平常的情况下 浏览器是怎么加载和执行这几个文件的顺序的 有点蒙