javascript - 如何检查文档是否已在 JavaScript 中准备好？

Question

我正在开发一个模拟器来模拟网页中的用户操作。在特殊情况下，页面中有几个按钮，单击每个按钮都会更改页面的内容。我以编程方式单击每个按钮，然后想要提取添加到页面的新内容。如果你看看:

http://www.elementbars.com/Build-a-Bar-Service.aspx#

你可以找到一个例子。

我的代码是这样的:

---

for (var int i=0; i< buttonArray.length; i++){ // buttonArray is the array of buttons
    triggerClickEvent(buttonArray[i]);
    extractNewContent();
}

function triggerClickEvent (clickableElement) {
   jQuery(clickableElement).trigger('click');
}

---

triggerClickEvent 和 extractNewContent 都正常工作，但问题是在触发点击事件后，JavaScript 引擎应该等待一段时间以确保添加新内容，但它没有按预期运行。例如，我注意到所有的按钮都被点击了，但是 extractNewContent 提取了第一个按钮的内容，这意味着这两个函数没有同步工作。我使用了 setTimeout 函数，但由于它不会阻止执行，所以无法解决问题。我还使用了检查文档状态的函数，但效果不佳。

如果你能帮助我，我将不胜感激。

谢谢。

Answer 1

最简单的方法是使用像 jQuery 这样的工具包。像这样:

jQuery(document).ready(function() {
...
});

或者更简洁

jQuery(function() {

});

部分问题是“就绪”在浏览器之间没有标准化。像 jQuery 这样的工具包弥补了这一点。