图片加载会阻塞js线程吗？

一直以为如果js写在head里就需要用window.onload=function(){}，如果写在body结尾前面，则不用写，但是为什么下面的代码不写的话，最开始载入页面img的高度全部为0？（就是看不见图）执行js需要等img加载好吗，这其中过程大概是怎么样的？