弹出前显示背景颜色?

时间:2014-06-04 00:08:06

标签: javascript html css html5

我想在提示弹出之前设置绿色的背景颜色..我该怎么做?

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <head><meta charset="utf-8" />
    <style>
html, body{
        background: #0f0;
}
    </style>
    </head>

    <title>Hi There!</title>
    <script LANGUAGE='JavaScript'>
            window.alert('Hello There!')
    </script>

我认为这样可以解决问题,但警告会弹出白页

1 个答案:

答案 0 :(得分:2)

使用此:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8" />

        <title>Hi There!</title>

        <style>
            body{
                    background: #0f0;
            }
        </style>

        <script>
            function showMessage() {
                window.alert('Hello There!')
            }
        </script>
    </head>

    <body onload="showMessage();">
        ..
    </body>

</html>

请注意onload标记中的body属性。此属性的值是一旦页面完全加载(CSS,图像等)后将执行的JavaScript代码。


如果您真的想要延迟,请将showMessage功能更改为以下内容:

function showMessage() {
    var secondsDelay = 5; //5 seconds
    setTimeout(function() {
        window.alert('Hello There!');
    }, secondsDelay * 1000);
}