通过javascript隐藏页面背景_Javascript_Html_Css

通过javascript隐藏页面背景

javascript html css

通过javascript隐藏页面背景,javascript,html,css,Javascript,Html,Css,我有以下基本页面结构： <head> ... <link rel="stylesheet" type="text/css" href="template.css" media="screen" /> </head> <body> ... </body> 加载页面时，我首先看到我的背景，然后显示其他内容。我想一次显示整个页面。为此，我添加了： <style type="text/css"> body { v

我有以下基本页面结构：

<head>
...
    <link rel="stylesheet" type="text/css" href="template.css" media="screen" />
</head>

<body>
...
</body>

加载页面时，我首先看到我的背景，然后显示其他内容。我想一次显示整个页面。为此，我添加了：

<style type="text/css">
body {
    visibility: hidden;
}
</style>


身体{
可见性：隐藏；
}

到。。。第节，然后：

<body onload="document.body.style.visibility='visible'">

到我的body标签，希望整个body（及其背景）在整个页面准备就绪时立即隐藏和显示。然而，这并没有发生。刷新页面时，我仍然会在其他内容之前看到我的背景图像

我做错了什么

谢谢大家!

在启动dom就绪元素后，您可以隐藏整个页面并“显示”它，这是一项非常简单的工作：

<!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
        <style>
            body{
                background: green;
                display: none;
            }
        </style>
        <div id="lotsandlotsofstuff">[...]</div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
        <script>  
        $('document').ready(function(){
            $('body').fadeIn();
        });
        </script> 
    </body>
    </html>


身体{
背景：绿色；
显示：无；
}
[...]
$（'document'）.ready（函数（）{
$（'body'）.fadeIn（）；
});

在启动dom就绪元素后，您可以隐藏整个页面并“显示”它，这是一项非常简单的工作：

<!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
        <style>
            body{
                background: green;
                display: none;
            }
        </style>
        <div id="lotsandlotsofstuff">[...]</div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
        <script>  
        $('document').ready(function(){
            $('body').fadeIn();
        });
        </script> 
    </body>
    </html>


身体{
背景：绿色；
显示：无；
}
[...]
$（'document'）.ready（函数（）{
$（'body'）.fadeIn（）；
});

如果页面上存在javascript错误或用户禁用了javascript，则该页面将永远不会显示。如果页面上存在javascript错误或用户禁用了javascript，则该页面将永远不会显示。