2

我正在尝试显示 javascript 数组中的六个图像。运行下面的代码我没有得到任何结果，它似乎根本不起作用。我不知道我的错在哪里。

这是javascript代码：

var backgroundImage = new Array(); 
backgroundImage[0] = "images/colors-wallpaper.jpg";
backgroundImage[1] = "images/florida-birds.jpg";
backgroundImage[2] = "images/focus-on-life.jpg";
backgroundImage[3] = "images/set-into-life.jpg";
backgroundImage[4] = "images/dandelion.jpg";
backgroundImage[5] = "images/flowers.jpg";
backgroundImage[5] = "images/flowers.jpg";

function displayAllImages() {
// Here has to be some error!!! //
 for (i=0;i<backgroundImage.length;i++) {
    document.write("<li><img src='" + backgroundImage[i] + "' width="160" height="120"/><span>" + backgroundImage[i] + "</span></li>");
}
}

那是我的html代码：

<html>
<head>
    <script type="text/javaScript" src="changebackground.js"></script>
</head>
<body>

<div id="container">

    <div class="backgoundImage">
    <ul>
        <script>displayAllImages();</script>
    </ul>
    </div>

</div>

</body>
</html>
4

4 回答 4

5

改变

width="160" height="120"

至

width='160' height='120'

在

document.write("<li><img src='" + backgroundImage[i] + "' width="160" height="120"/><span>" + backgroundImage[i] + "</span></li>");

您使用了错误的引号

于 2012-04-12T10:53:12.387 回答
2

您的最后一个数组项键应该是 6（我也认为相同的值是复制/粘贴错误），我强烈建议不要将 document.write 用于此类事情。检查链接以查看我认为您想要实现的目标，但以更简洁的方式完成（使用 jQuery 的演示仅用于 dom 就绪处理）

http://jsfiddle.net/UnFUB/

于 2012-04-12T10:54:01.603 回答
0

您需要转义双引号，见下文：

document.write("<li><img src='" + backgroundImage[i] + "' width=\"160\" height=\"120\"/><span>" + backgroundImage[i] + "</span></li>");
于 2012-04-12T10:54:19.467 回答
-1 
document.write("<li><img src='" + backgroundImage[i] + "' width='160' height='120'/><span>" + backgroundImage[i] + "</span></li>");

你的引号有误。但最好不要使用 document.write 的 beeter 方式是在内存中创建一个元素，然后放到这个块中。它在jQuery上的外观

于 2012-04-12T10:55:50.980 回答