Question

我有一个html页面，其中列出了我的照片的静态链接，我必须逐行列出它们并更改数字，即照片的名称。这些数字处于运行状态并且jpg文件仅以4位数字命名，这是一件好事。对于例如：

<a href=pics/0001.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0002.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0003.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0004.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0005.jpg target=blank><img src=pics/0001.jpg></a>
...
<a href=pics/1999.jpg target=blank><img src=pics/1999.jpg></a>

有更优雅的方式吗？或者手动输入0001.jpg到1999.jpg唯一的方法？是否有perl / python脚本来帮助编写静态html？

Answer 1

http://jsfiddle.net/Cbcak/

<script type="text/javascript">
$(function(){
    var str = '';
    for (var i=1;i<=1999;i++) {
        var num = zeroFill(i, 4);
        str += '<a href=pics/'+num+'.jpg target=blank><img src=pics/'+num+'.jpg></a>'+"\n";
    }
    $('pre').text(str);

    function zeroFill( number, width )
    {
     width -= number.toString().length;
      if ( width > 0 )
     {
       return new Array( width + (/\./.test( number ) ? 2 : 1) ).join( '0' ) + number;
     }
     return number + ""; // always return a string
  }
});
</script>
<pre></pre>

Answer 2

你可以使用javascript动态生成它们，但是你仍然需要在源位置（文件）中提供href和src

否则，您可以查看.NET，Java，php或其他可以从数据库或xml文件中读取图像的Web脚本语言

我确信还有其他选择，暂时不考虑它们。

Answer 3

试试这个python 3脚本：

for d in range(2000):
    print("<a href=pics/" + str(d).zfill(4) + ".jpg target=blank><img src=pics/" + str(d).zfill(4)+ ".jpg></a>" )

正在运行将产生您的预期输出（<a href=pics/xxxx.jpg target=blank><img src=pics/xxxx.jpg></a>），您可以将其复制并粘贴到您的html文件中。

是否有快速编写静态href链接的方法？ HTML

3 个答案: