Javascript循环/递增值最大为55的html代码

Question

我需要在静态 (.html) 页面中自动创建一个链接列表，有没有一种使用 JavaScript 来执行此操作的方法。我厌倦了几个脚本，但无法完成。

这是我的 html...

<a href="1.html"><img src="images/1.jpg" width="119" height="121" alt="" /></a>

这就是我希望脚本生成 55 次的...

<a href="1.html"><img src="images/1.jpg" width="119" height="121" alt="" /></a>
<a href="2.html"><img src="images/2.jpg" width="119" height="121" alt="" /></a>
<a href="3.html"><img src="images/3.jpg" width="119" height="121" alt="" /></a>

...等等，叫我懒惰但任何帮助将不胜感激:)

Answer 1

这应该可以解决问题:

<div id="links">
</div>

<script>
var strLinks = '';

for (var i = 1; i <= 55; i++) {
    strLinks += '<a href="'+ i +'.html"><img src="images/'+ i +'.jpg" width="119" height="121" alt="" /></a>';
}

document.getElementById("links").innerHTML = strLinks;
</script>

JS Fiddle 示例:http://jsfiddle.net/RWUdG/2/

编辑:哎呀，漏了一个引号。固定。