javascript - 在窗口加载之前运行函数

Question

我不确定如何正确地表达标题，但这就是我正在做的事情。我在 html 正文中有两张图片。

<img src="http://www.narm.org.uk/home/images/Daylight%20design.jpg" id="b1" alt="day" />
<img src="http://www.aphoenix.ca/photoblog/photos/NighttimeColours.jpg" id="b2" alt="night" />

对应的css如下(基本就是把其中一个作为背景):

#b1, #b2 {
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
}

这是javascript:

window.onload = function() {
setBackground();
}

function setBackground() {
var back1 = $('#b1').hide();
var back2 = $('#b2').hide();
//setTimeout(function() {setBackground()}, 1000);
}

现在发生的情况是，一张图片会短暂显示，因为我正在等待页面加载以隐藏两个背景。我该如何在页面完全加载之前隐藏背景？

Answer 1

也许在你的图片上使用 css:

display: none;

所以，样式将是这样的:

#b1, #b2 {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    display: none;
}