script标签的onload事件的触发时机

onload事件在资源被加载完成后会被触发。对于script标签,在外部js文件被加载后代码会被立即执行。那么,外部js文件中的代码和该script标签的onload回调函数,它们的执行顺序是怎样的呢?没有找到官方的说明文档,所以自己做个实验。

测试代码如下:

script标签的onload事件的触发时机

script标签的onload事件的触发时机

在各大浏览器中的运行结果:

chrome

script标签的onload事件的触发时机

ie

script标签的onload事件的触发时机

firefox

script标签的onload事件的触发时机

safari

script标签的onload事件的触发时机


结论:

可以看到,在四大浏览其中,script标签的onload事件都是在外部js文件被加载完成并执行完成后才被触发的。