Dom 如何强制浏览器等待所有内容加载完毕？_Dom_Pageload

Dom 如何强制浏览器等待所有内容加载完毕？

dom

Dom 如何强制浏览器等待所有内容加载完毕？,dom,pageload,Dom,Pageload,我正在处理一个页面，该页面使用几层堆叠的图像和动画来产生效果，但是当我在每个浏览器（最新版本）中本地加载它时，它将显示比前一层小但在DOM中较低的后隐藏层，然后再显示前一层。这只是暂时的，但它破坏了效果。唯一不这样做的浏览器是chrome 到目前为止，我试过： <head> $(window).load(function() { $(body).css("visibility", "visible"); }); </head> <body style

我正在处理一个页面，该页面使用几层堆叠的图像和动画来产生效果，但是当我在每个浏览器（最新版本）中本地加载它时，它将显示比前一层小但在DOM中较低的后隐藏层，然后再显示前一层。这只是暂时的，但它破坏了效果。唯一不这样做的浏览器是chrome

到目前为止，我试过：

<head>
$(window).load(function() {
    $(body).css("visibility", "visible");
});
</head>
    <body style="visibility:hidden;" >


$（窗口）。加载（函数（）{
$（body.css（“可见性”、“可见”）；
});

但是没有用。有谁有更好的方法吗？

/p>/使用此方法可能会对您有所帮助/

函数loadvisiblity（）
{
$（body.css（“可见性”、“可见”）；
}
body.hidden{可见性：hidden；}

我想我必须使用预加载程序，因为似乎没有任何方法可以阻止浏览器在加载元素时显示它们。

function loadvisiblity()
{
    $(body).css("visibility", "visible");
}

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

<body class="hidden" onload="loadvisiblity()">