將javascript遞增的文件名添加到html標籤中

我有一張需要顯示的圖片列表。圖片列表非常大（500+），我不想通過單獨將它們命名爲a標籤的href屬性的html代碼來加載它們。因此，我使用JavaScript來生成文件名增加1，這會產生正確的文件路徑。這裏是JavaScript：將javascript遞增的文件名添加到html標籤中

function bigpicture() 
    { 
     var filepath = "\"images/print/latest/" ; 
     var ext = ".png\""; 
     var total = filepath + num + ext; 
     document.write(total) 
     num = num + 1; 
    }

當我打電話bigpicture（）我得到了正確的文件路徑和名稱，它增加以及所有的多個呼叫。我的問題是讓這個字符串我的一個標籤的href屬性後顯示，如下所示：

HTML

<div class = "big"> 
     <ul>  
      <li> 
       <a href=<script>bigpicture()</script> rel="lightbox" title=""><img class="floated_img" img src="images/print/latest/small/1.png" /></a> 
      </li> 

     </ul> 
</div>

我假設（錯誤地），我可以這樣調用的功能，但它確實不行。任何人都可以告訴我如何執行腳本的方式，刺癢後出現href？謝謝。

來源

2013-05-29 nkorai

我想你應該添加** **的href動態或者使用** **的onClick內或** bigpicture（）**函數在文件名生成期間 – manish

的方式你這樣做是行不通的，因爲在你的HTML代碼中的函數調用未綁定到任何事件像onload或onsubmit，因此不會執行。

我會用jQuery將ul附加到big div中。您對bigpicture()調用看起來是這樣的：

<script> 

    function bigpicture() 
    { 
    var filepath = "./images/print/latest/" ; 
    var ext = ".png\""; 
    for(var i = 0; i < numOfPictures; i++){ 
     $('#big ul').append('<li>' + filepath + i + ext + '</li>'); 
     } 

    } 

    $(function(){  //this is jQuery shorthand for document ready 
     bigpicture(); //anything in this anonymous function will execute 
    })    //after HTML document has been loaded 

</script>

文檔準備信息來源於here

來源

2013-05-29 07:47:36

這似乎更好，我如何在我的html中實現它？我應該在列表對象通常會在列表中調用函數嗎？ – nkorai

該函數在執行時會用'li'填充'ul'。函數在document.ready匿名函數中被調用一次。您需要添加到上面的代碼中的唯一一件事是'numOfPictures'的真正價值 –

您可以將您的函數放置在onclick處理程序中。

onclick處理程序會將變量this綁定到您的a節點。

也許你在組合需要收藏onclick前處理像onmousedown

How to change href of <a> tag on button click through javascript

來源

2013-05-29 07:36:30 zeitiger

將javascript遞增的文件名添加到html標籤中

回答

相關問題