简单言之，浏览器的渲染和操作顺序如下：

html解析完毕

外部脚本和样式表加载完毕

脚本在文档内解析并执行

html dom完全构造起来

涂攀和外部内容加载

对于外部js文件来说，先加载外部js文件，然后执行js代码，DOM加载并不能保证在其执行前加载完毕。

而行内js，由于按照顺序执行，在js代码执行时，位于行内js之前的元素，其对应的dom节点都可以建立起来。比如

  <ul>                        <li><a href="javascript:;" class="js-sysAnnouncement">系统公告</a></li>                        <script>                            .....                        </script>                </ul>

则在js之前的li元素所对应的dom节点已经加载完毕。

完整解释

http://mp.weixin.qq.com/s/I9IgzC_NvKLP2-TmuDTSKQ

浏览器渲染 理解终结篇