javascript - 我应该使用 window.onload 还是脚本 block ？

Question

我有一个 javascript 函数，它在调用时操纵 DOM(添加 CSS 类等)。当用户更改表单中的某些值时将调用此方法。首次加载文档时，我想调用此函数来准备初始状态(在这种情况下，这比从服务器端将 DOM 设置为正确的初始状态更简单)。

是使用 window.onload 来执行此功能更好还是在我需要修改的 DOM 元素之后有一个脚本 block ？对于这两种情况，为什么更好？

例如:

function updateDOM(id) {
    // updates the id element based on form state
}

我应该通过以下方式调用它吗:

window.onload = function() { updateDOM("myElement"); };

或:

<div id="myElement">...</div>
<script language="javascript">
    updateDOM("myElement");
</script>

前者似乎是标准的方式，但后者似乎同样好，也许更好，因为它会在脚本被命中时立即更新元素，只要它被放置在元素，我看不出有什么问题。

有什么想法吗？一个版本真的比另一个好吗？

Answer 1

onload 事件被认为是正确的方式，但如果您不介意使用 javascript 库，jQuery 的 $(document).ready() 会更好。

$(document).ready(function(){
  // manipulate the DOM all you want here
});

优点是:

1. 调用 $(document).ready() 的次数不限次数，以注册要运行的附加代码 - 您只能设置 window.onload 一次。
2. $(document).ready() 操作在 DOM 完成后立即发生 - window.onload 必须等待图像等。

我希望我不会成为在每个 JavaScript 问题上都建议使用 jQuery 的人，但它确实很棒。