我在window.onload
和document.onload
事件方面遇到了麻烦。我读到的所有内容都告诉我,在 DOM 完全加载其所有资源之前,这些不会触发,这对我来说似乎没有发生:
我在 Chrome 4.1.249.1036 (41514) 和 IE 8.0.7600.16385 中尝试了以下简单页面,结果相同:都显示消息“失败!”,表示myParagraph
未加载(因此 DOM 似乎不完整)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript">
window.onload = doThis();
// document.onload gives the same result
function doThis() {
if (document.getElementById("myParagraph")) {
alert("It worked!");
} else {
alert("It failed!");
}
}
</script>
</head>
<body>
<p id="myParagraph">Nothing is here.</p>
</body>
</html>
我在外部 .js 文件中使用了比这更复杂的脚本,但这说明了问题。我可以通过window.onload
将计时器设置为运行半秒来使其工作doThis()
,但这似乎是一个不雅的解决方案,并且没有回答为什么window.onload
似乎没有按照每个人所说的那样做的问题。另一种解决方案是设置一个计时器来检查 DOM 是否已加载,如果没有,它将在半秒后调用自身(因此它将继续检查直到 DOM 加载完毕),但这对我来说似乎过于复杂。
有没有更合适的事件可以使用?