javascript - 这两种执行方式有什么不同？

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 非常有用。