js解决页面轮播图片按照一定顺序加载，提高网站页面加载的速度

原创于 2018-06-05 14:45:28 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#页面图片加载顺序

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript来预加载页面背景图片的方法，并通过修改窗口加载事件实现自定义的加载功能。这种方法可以有效减少页面完全展示前的等待时间，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 function preloader() {
        if (document.getElementById) {
            document.getElementById("bg1").style.background = "url() center no-repeat";
            document.getElementById("bg2").style.background = "url() center no-repeat";
            document.getElementById("bg3").style.background = "url() center no-repeat";
            document.getElementById("bg4").style.background = "url() center no-repeat";
            document.getElementById("bg5").style.background = "url() center no-repeat";
            document.getElementById("bg6").style.background = "url() center no-repeat";
        }
    }
    function addLoadEvent(func) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function() {
                if (oldonload) {
                    oldonload();
                }
                func();
            }
        }
    }
    addLoadEvent(preloader);

});//bg1----bg5是页面的div的id