2

javascript配列から6つの画像を表示しようとしています。以下のコードを実行しても結果が得られません。単に機能していないようです。自分のせいがどこにあるのかわかりません。

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を使用しないことを強くお勧めします。リンクをチェックして、達成したいと思うが、少しクリーンな方法で実行したことを確認してください（domready処理のためだけにjQueryを使用したデモ）

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は使用しない方がよいでしょう。より適切な方法は、メモリ内に要素を作成し、それをこのブロックに配置することです。jQueryでどのように見えるか

于 2012-04-12T10:55:50.980 に答える