javascript - HTML/CSS 等待页面加载

Question

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

Answer 1

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

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