窗口加载完全后应用背景颜色

时间:2011-08-18 19:39:25

标签: javascript cross-browser window

我在点击按钮时调用openLogo函数。将打开一个新窗口并显示徽标。我的一些徽标是白色的,所以在窗口打开后我需要更改窗口的背景颜色,以便可以看到白色徽标。正在打开的窗口的背景颜色以IE中预期的不同颜色(浅灰色)显示,但在Firefox中,背景颜色闪烁一秒钟并消失。我认为即使在页面完全加载之前也会应用背景颜色。在新的弹出窗口完全加载后是否有办法应用背景颜色,以便我可以在firefox中看到背景颜色为浅灰色?

function openLogo(){
    if(document.getElementById("whiteRadio").checked){
        myWindow = window.open(logoMap[version + "-" + where + "-" + size + "-" + color + "-" + symbol]);
        myWindow.document.bgColor="lightgrey";                       
    }
    else {
        myWindow = window.open(logoMap[version + "-" + where + "-" + size + "-" + color + "-" + symbol]);
    }
}

感谢。更新的代码是:

function openLogo(){
    if(document.getElementById("whiteRadio").checked){
        var logosrc = "https://" + document.location.hostname + logoMap[version + "-" + where + "-" + size + "-" + color + "-" + symbol];
        var w = window.open(logoMap[version + "-" + where + "-" + size + "-" + color + "-" + symbol]);
        w.document.writeln("<body>");
        w.document.writeln("<div style=background-color:#DEDEDE><img src='" + logosrc + "'><\/div>");
        w.document.writeln("<\/body>");
        w.document.close();              
    }
    else {
        myWindow = window.open(logoMap[version + "-" + where + "-" + size + "-" + color + "-" + symbol]);

    }
}

2 个答案:

答案 0 :(得分:0)

在弹出页面中放置一些脚本,设置自己的背景颜色。

答案 1 :(得分:0)

myWindow.document.body.bgColor="lightgrey";