Question

你好，我试图隐藏/显示一个加载div但问题是：页面加载后div再次出现...继承人我正在使用的代码

 <div id="LoadContent" style="visibility: visible">
            Please wait while we check our databases....
            <br/>
            <img src="images/ajax-loader.gif" id="LoadImg">
        </div>

document.getElementById('LoadContent').style.visibility = 'hidden';

Answer 1

将您的javascript添加到<body onload="">，这样会在页面完成渲染时隐藏您的div。

css在渲染时间或重新渲染时间内优先于javascript。

Answer 2

div没有onload事件，only certain tags。

然而，这并不意味着你运气不好。为什么这个特殊的div需要比你的其他html更长的时间加载？

例如，如果你内部有大图像，那么你可以为它们加载事件，并在它们全部加载完成后显示div。

Answer 3

您应该还原显示的可见性并使用block / none。

如果你按照我的步骤（稍后......）那么你将需要获取jquery库（将它们添加到你的标题中），例如：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js" type="text/javascript"></script>

另一方面，使用jquery的编码要少得多：

<script type="text/javascript">
function hidebox(){
    $("#LoadContent").toggle();
}
</script>

你的身体标签应该是这样的：

<body onload="hidebox()">

在JavaScript中隐藏/显示div

3 个答案: