这两种执行口味有什么不同？

Question

1.

<div id="test"></div>
<script type="text/javascript">
//operate document.getElementById('test')
</script>

2.

<div id="test"></div>
<script type="text/javascript">
window.onload = function()
{
  //operate document.getElementById('test')
};
</script>

我们可以通过在它下面放置javascript来确保document.getElementById('test')存在吗？

Answer 1

在我的主观测试中,它总是以这种方式工作,是的.DOM在页面上从上到下按顺序进行解析,因此如果您的脚本标记位于您要定位的元素下方,则它将按顺序加载并正常工作.

window.onload在脚本位于文件头部,从外部文件加载或者在页面中可能不适合内联的情况下非常有用.