Question

我正在使用旧版脚本中的javascript：JavaScript: how to load all images in a folder?

但是，我想使用相同的javascript文件在循环之前编写一些html代码，在循环之后使用相同的javascript文件。

在javascript中放置一个document.write之前和之后都没有用。

var bCheckEnabled = true;
var bFinishCheck = false;

var img;
var imgArray = new Array();
var i = 0;

var myInterval = setInterval(loadImage, 1);

function loadImage() {

    if (bFinishCheck) {
        clearInterval(myInterval);
        document.write('Loaded ' + i + ' image(s)');
        return;
    }

    if (bCheckEnabled) {

        bCheckEnabled = false;

        img = new Image();
        img.onload = fExists;
        img.onerror = fDoesntExist;
        img.src = 'assets/' + i + '.png';
        document.write('<img src="assets/' + i + '.png" width="1016" height="813" alt="Kar" />');

    }

}

function fExists() {
    imgArray.push(img);
    i++;
    bCheckEnabled = true;
}

function fDoesntExist() {
    bFinishCheck = true;
}

Answer 1

您可能错误地使用了此示例代码。它的目的似乎是在后台预加载图像文件，而不是在HTML（尚）中将它们显示给用户。这是为了提高页面的表观下载速度。

简而言之，此代码实际上并未将图像渲染到DOM中;那是故意的行为。

使用javascript围绕循环编写html

1 个答案: