HTML/CSS 等待页面加载

【问题标题】：HTML/CSS Wait until page is loadedHTML/CSS 等待页面加载
【发布时间】：2013-01-31 14:57:56
【问题描述】：

我有一个带声音的 CSS 动画，但是，当页面最初加载时，声音会延迟。我想要一种方法来等到页面上的所有内容都加载完毕后再加载页面。我怎样才能做到这一点？我在这里找到了一个脚本：http://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/，但我想知道是否有更简单的脚本。

【问题讨论】：

我注意到您链接的页面使用了 jQuery，但上面的标签中没有指定。您在寻找纯 JavaScript 解决方案吗？另外，请在您的帖子中发布您自己的任何相关代码，以便我们查看您的尝试。

标签： javascript html css animation webpage

【解决方案1】：

您提供的链接是执行此操作的最简单和最好的方法。无需寻找其他任何东西。

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

【讨论】：

我没有看到 jQuery 在这个问题中被标记，所以我想你也应该推荐window.onload = function () { // code } ;
window.onload = function () { // code } 有什么好处； ?同时拥有该代码和以前的代码是否有益？
我发布的代码只是 jQuery 的执行方式 `window.onload = function () { // code }` 所以它是多余的。