如何在window.load之前和DOM加载完毕之后执行代码？

这是一种情况：

我有两个页面：

• 1个HTML页面
• 1个外部JavaScript文件

现在，在HTML页面中，将使用内部的JavaScript编码来允许放置window.onload和其他页面特定的方法/函数。

但是，在外部的JavaScript文件中，我希望在触发window.onload事件之前执行某些操作。这是为了首先初始化定制化组件。

有没有办法确保在触发window.onload事件之前，外部的JavaScript文件中的初始化操作被执行？

我之所以提出这个问题，是为了尝试制作可重用的代码（构建一次-在各处使用），外部脚本必须检查它是否“按顺序/检查”执行，然后才能执行主HTML / JSP / ASP / PHP页面中的JavaScript。我不希望使用jQuery来解决这个问题。

以下是我在Stack Overflow上浏览的一些链接，希望找到解决方案：

• Javascript - 如何检测文档是否已加载（IE 7 / Firefox 3）
• 如何检查页面是否已完全加载（包括脚本）？
• 页面完全加载后执行Javascript

有人可以帮助我或者指导我找到解决方案吗？您的帮助将不胜感激。

---

【更新回复-2012年11月19日】

大家好，感谢你们的建议和提供的解决方案，它们对于寻找和测试可行解决方案非常有用。

尽管我对自己的结果不完全满意，但我知道你们的建议和帮助使我更接近解决方案，并且可能确实对其他处于类似情况的人有所帮助。

以下是我想到的解决方案：

test_page.html