javascript - 在不使用 onload 标签的情况下在页面加载时运行 javascript 代码

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 监听器而不是覆盖它:

<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(最新版本)进行测试，欢迎随时进行更多测试。