preloadImages()函数中的错误

Question

我有一个javascript函数来预加载图像：

function preloadImages() {
    var images = [];

    function preload() {
        for(var i = 0; i < preload.arguments.list; i++) {
            images[i] = new Image();
            images[i].src = preload.arguments[i];
        }
    }

    preload(
        "../img/innovation_1_hover.jpg",
        "../img/innovation_2_hover.jpg",
        "../img/innovation_3_hover.jpg",
        "../img/innovation_4_hover.jpg",
        "../img/innovation_5_hover.jpg"
    );
}
preloadImages();

但我发现了一个错误：

Uncaught：“调用者”和“参数”是受限制的函数属性，不能在此上下文中访问。

​

​

怎么了？我怎么才能修好它？作为参考，我使用Chrome。

Answer 1

尝试此 preload.arguments.length是有效代码

function preloadImages() {
    var images = [];

    function preload() {
        for(var i = 0; i < preload.arguments.length; i++) {
            images[i] = new Image();
            images[i].src = preload.arguments[i];
        }
    }

    preload(
        "../img/innovation_1_hover.jpg",
        "../img/innovation_2_hover.jpg",
        "../img/innovation_3_hover.jpg",
        "../img/innovation_4_hover.jpg",
        "../img/innovation_5_hover.jpg"
    );
}
preloadImages();

Answer 2

你也可以试试这个.

function preloader() {
    if (document.images) {
        var img1 = new Image();
        var img2 = new Image();
        var img3 = new Image();

        img1.src = "../img/innovation_1_hover.jpg";
        img2.src = "../img/innovation_2_hover.jpg";
        img3.src = "../img/innovation_3_hover.jpg";
    }
}
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);