到底html与js加载顺序怎么判断?

Question

例如,我把js代码写在了头部,有时候能常执行,而有的时候不执行,百度后说是必须文档加载完后才可以,但是我经常写在头部,获取文档节点id也没什么问题啊,
2无论js还是html在整个页面中不是从上往下执行的吗遇见函数加载,遇见html解释,
3希望有个人解释一下原理,现在好乱

4第2个图写了js代码并直接运行setInternal()为什么可以呢,div的dom树不是在下面生成的吗