2

静的 (.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>

...など、私を怠け者と呼んでくださいが、どんな助けでも大歓迎です:)

4

3 に答える 3

1

これも機能する可能性があります。

<div id="imgs">
</div>

<script>
var i = 55; while (i--) {document.getElementById("imgs").innerHTML += '<a href='+ i +'.html"><img src="images/'+ i +'.jpg" width="119" height="121" alt="" /></a>';}
</script>

http://jsfiddle.net/T2c3G/

于 2013-05-14T23:35:54.213 に答える
0

アンカー タグが div 内に含まれている場合は、次のようにすることができます。

$(document).ready(function(){
var linksHtml = "";
for(var i = 1; i <= 55; i++){
    linksHtml += '<a href="'+(i)+'.html"><img src="images/'+(i)+'.jpg" width="119" height="121" alt="" /></a>';
}
$("#linksDiv").html(linksHtml);
});
于 2013-05-14T23:32:11.103 に答える