在页面加载时运行javascript代码,而不使用onload标记

Question

如何在不使用onload标记的情况下加载页面时如何运行JavaScript代码？

我正在尝试运行此脚本:

<script type="text/javascript">
function displayLightbox() {
    document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'
}
</script>

这显示了一个灯箱.

Answer 1

像这样:

window.onload = function WindowLoad(event) {
    alert("Page is loaded");
}

编辑:如果其他一些代码也在window.onload该脚本之后使用,那么它将被"覆盖" - 以确保它被执行(并中止任何其他代码onload)将其放在页面底部.

编辑2:第二个想法,你最好添加 onload listener而不是覆盖它:

<script type="text/javascript">
if (window.addEventListener) { // Mozilla, Netscape, Firefox
    window.addEventListener('load', WindowLoad, false);
} else if (window.attachEvent) { // IE
    window.attachEvent('onload', WindowLoad);
}

function WindowLoad(event) {
    alert("Another onload script");
}
</script>

这将防止与现有代码的任何冲突,并且就我所知,更多的是跨浏览器.

现场测试案例可在此处获取:http://jsfiddle.net/yahavbr/GZPTG/测试IE8,Chrome和Firefox(最新版本)随时可以测试更多.