图片加载会阻塞js线程吗？
一直以为如果js写在head里就需要用window.onload=function(){}，如果写在body结尾前面，则不用写，但是为什么下面的代码不写的话，最开始载入页面img的高度全部为0？（就是看不见图）执行js需要等img加载好吗，这其中过程大概是怎么样的？
图片加载是不影响js执行的，真是因为不影响，他们是异步的。所以你如果不写onload打印出来的都是0。
先说为什么是0，因为是异步的，如果你不写onload时，执行到你的for循环打印高度时图片还没加载完成，这个时候就打印出来0，逻辑是很正常的。
再说为什么加onload就可以，因为onload这个事件是指页面加载完成，这个完成是指包含图片均加载完成。既然加载完成才调用这个回调，自然就能打印出来值。
在纠正在只有在head里面写js才需要用onload事件，准确的来说，未必就需要onload事件，onload事件代表什么上面已经说了，所以如果你用onload的话，当页面图片过多时，你的onload事件就很久不会被执行。
js执行更多的是依赖dom加载完成就ok，所以用dom ready就成 DOMContentLoaded事件，或者参考jquery的ready方法。js写在body最下面也是这个道理
js没有线程的概念，充其量也是伪线程。你这么写当然是同步加载的，如果效率低，可以先加载placeholder图片，然后异步ajax去加载真实的图片。
ie chrome不会阻塞图片加载，firefox safari会阻塞图片加载；但他们都不会阻塞js加载，js加载是多线程的。
需要先判断图片是否加载完成，才能获取图片的高宽值，特别是比较大的图片，js判断时，图片还没加载完