Javascript HTML/CSS等待页面加载

我有一个带有声音的CSS动画，但是，当页面最初加载时，声音会延迟。我想有一种方法，等待页面上的所有内容都加载后再加载页面。我该怎么做？我在这里找到了一个脚本：但我想知道是否还有更简单的脚本。

您提供的链接是最简单、最好的方法。不用再找别的了

<script>
    // Wait for window load
    $(window).load(function() {
        // Animate loader off screen
        $("#loader").animate({
            top: -200
        }, 1500);
    });
</script>   

//等待窗口加载
$（窗口）。加载（函数（）{
//在屏幕外设置加载程序动画
$（“#加载程序”）。设置动画({
前-200名
}, 1500);
});

您提供的链接是最简单、最好的方法。不用再找别的了

<script>
    // Wait for window load
    $(window).load(function() {
        // Animate loader off screen
        $("#loader").animate({
            top: -200
        }, 1500);
    });
</script>   

//等待窗口加载
$（窗口）。加载（函数（）{
//在屏幕外设置加载程序动画
$（“#加载程序”）。设置动画({
前-200名
}, 1500);
});

我注意到您链接的页面使用jQuery，但上面的标记中没有指定它。您正在寻找纯JavaScript解决方案吗？另外，请在您的帖子中发布您自己的相关代码，以便我们看到您的尝试。我注意到您链接的页面使用jQuery，但上面的标记中没有指定它。您正在寻找纯JavaScript解决方案吗？另外，请在您的帖子中发布您自己的任何相关代码，以便我们可以看到您的尝试。我在这个问题中没有看到jQuery标记，因此我想您也应该推荐

window.onload=function（）{//code}window.onload=function（）{//code}；有什么好处？这段代码和前面的代码都有好处吗？我发布的代码只是jQuery执行'window.onload=function（）{//code}'的方式，所以它是多余的。我在这个问题中没有看到jQuery被标记，所以我想你也应该推荐
window.onload=function（）{//code}window.onload=function（）{//code}；有什么好处？同时使用该代码和前面的代码是否有益？我发布的代码只是jQuery执行'window.onload=function（）{//code}'的方式，因此是多余的。