“问题”；document.write（）；JavaScript中的图像数组

我正在尝试使用

document.write（）

从我的数组中写入图像。但是它不显示任何

// *** Temporal variables
    var i = 0;
    var j = 0;
    var x = 0;

    // Create basic linear array
    var ImgArray = []

    // Do the 2D array for each or the linear array slots
    for (i=0; i < 4 ; i++) {
        ImgArray[i] = []
    }

    // Load the images
    x = 0;
    for(i=0; i < 4 ; i++) { 
        for(j=0; j < 4 ; j++) { 
          ImgArray[i][j] = new Image();
          ImgArray[i][j] = "Images/" + x + ".jpg";
          document.write("<img id= " + x + " img src=ImgArray[i][j]  width='120'   height='120'/>");
          x = x + 1;
        }
        document.write("<br>");
    }

//***时间变量
var i=0；
var j=0；
var x=0；
//创建基本线性阵列
var Imgaray=[]
//对每个或线性阵列插槽执行二维阵列
对于（i=0；i<4；i++）{
imgaray[i]=[]
}
//加载图像
x=0；
对于（i=0；i<4；i++）{
对于（j=0；j<4；j++）{
imgaray[i][j]=新图像（）；
imgaray[i][j]=“图像/”+x+“.jpg”；
文件。填写（“”）；
x=x+1；
}
文件。写（“
”）；
}

---

我做错了什么？

document.write将任何输入写入脚本元素的位置。请尝试以下方法：

体内

<div id="imageContainer"></div>

注:

---

使用document.write甚至innertml将元素附加到dom中是一种不好的做法。使用document.createElement和element.appendChild制作dom。

看起来您的JavaScript不太正确

document.write('<img id="' + x + '" src="' + ImgArray[i][j] + '" width="120" height="120"/>');

document.write（“”）；

看起来您正试图使用

新图像（）

进行图像预加载，但随后您立即使用

document.write（）

使用相同的

src

写出一个图像元素，这样图像就不会预加载，您也不会得到任何好处。我还怀疑您在内部循环的一行中缺少

.src

：

ImgArray[i][j].src = "Images/" + x + ".jpg";

在生成HTML时，最好在服务器端执行此创建图像元素的循环，但如果不这样做，则可能会完全丢失

imgaray

变量：

x = 0;
for(i=0; i < 4; i++) { 
    for(j=0; j < 4; j++) { 
        document.write("<img id='" + x + "' src='Images/" + x + ".jpg' width='120' height='120'>");
        x = x + 1;
    }
    document.write("<br>");
}

x=0；
对于（i=0；i<4；i++）{
对于（j=0；j<4；j++）{
文件。填写（“”）；
x=x+1；
}
文件。写（“
”）；
}

如果你用Firebug检查页面，你会发现问题所在。顺便说一句，这么多人试图使用“document.write”这个没有任何实际用途的工具，我真的很失望。这就像试图用正则表达式解析HTML一样。我的眼睛疼。请不要把它当成私人的；只是一个一般的想法。哇，让每个人都为你做项目@epascarello，这是一个公平的观点。。。现在让我们看看图片的另一面，在英国，一个大学学期持续3个月。检查我的问题，看看是否有关于JavaScript的问题（除了今天的2）。这使我得到2分；a） 从什么时候开始，在同一天问两个与领域相关的问题就成了问题。b） 你不会说如果我在大学里做3个月的JS，我可能会在这段时间问更多的问题，让人们做我的工作。。。但事实并非如此。。。。。。我真的很讨厌那些不知道实际情况就做假设的人。我是一个自学JavaScript的人，我从来没有要求过这么快的代码。我也认为你应该考虑这两个问题的背景。在这里，我的“工作”也是这样，告诉我“是错误的。在前面的问题中，我的“工作”的其他部分也是如此“用JS 2D数组告诉我，数组实际上不存在？？？”？？？？就像你说的哇。。。如果要成为一门真正的课程，所有这些占95%。。。。我给出这个解释不是为了你，而是为了澄清和尊重其他SO。是的，当我看到“document.write”而没有阅读其余的代码时，我会感到头晕。只需将此与scunliffe的修复程序合并，并从此愉快地编写代码=）

x = 0;
for(i=0; i < 4; i++) { 
    for(j=0; j < 4; j++) { 
        document.write("<img id='" + x + "' src='Images/" + x + ".jpg' width='120' height='120'>");
        x = x + 1;
    }
    document.write("<br>");
}