通行證JavaScript值轉換成HTML <a href>

Question

我有一個JavaScript變量imgIndex，我想發送到<a href="...">這樣我就可以改變基於imgIndex

JavaScript中的ID：

<script type="text/javascript"> 

var imgArray = [<?php echo implode(',', getImages($cat, $site)) ?>]; 
window.imgIndex = <?php echo $imgid ?>; 

$(document).ready(function() {  

    var img = document.getElementById("showimg"); 
    img.src = imgArray[<?php echo $imgid ?>]; 

    $(document).keydown(function (e) { 
     var key = e.which; 
     var rightarrow = 39; 
     var leftarrow = 37; 
     var random = 82; 

     if (key == rightarrow) 
     { 
      imgIndex++; 
      if (imgIndex > imgArray.length-1) 
      { 
       imgIndex = 0; 
      } 
      img.src = imgArray[imgIndex]; 
     } 
     if (key == leftarrow) 
     { 
      if (imgIndex == 0) 
      { 
       imgIndex = imgArray.length; 
      } 
      img.src = imgArray[--imgIndex]; 
     } 
     if (key == random) 
     { 
      imgIndex = Math.floor((Math.random()*(imgArray.length-1))+1); 
      img.src = imgArray[imgIndex]; 
     } 

    }); 
}); 

</script> 

HTML： 然後發送imgIndex這裏所以圖像的ID將等於imgIndex：

<a href="?action=viewcomic&id=imgIndex"><img id="prevkey" src="./images/SiteDesign/prev.png" alt="Comic Navigation" /></a> 

但它不起作用。

有關如何將它傳遞給<a href="...">的任何建議？

編輯：

我不能使用的原因是因爲我需要操縱一個JavaScript變量，而不是一個號碼（如瀏覽器呈現的PHP值）。

Answer 1

完成處理後，您可以操作鏈接的目標imgIndex。

document.getElementById("yourLinkId").href = "?action=viewcomic&id=" + window.imgIndex; 

除此之外，你可以附加一個事件處理程序的鏈接，這我顯示爲jQuery的一個樣本這裏：

$("#yourLinkId").on("click", function() 
{ 
    $(this).attr("href", "?action=viewcomic&id=" + window.imgIndex); 
}); 

Answer 2

你能做到這樣，如果你回聲imgIndex進入<a>標籤，像這樣：

：

<a href="?action=viewcomic&id=<?php echo $imgid ?>"><img id="prevkey" src="./images/SiteDesign/prev.png" alt="Comic Navigation" /></a> 

然後你可以從查詢字符串以獲得imgid

<?php $imgid = $_GET["id"] ?> 

Answer 3

你不能在鏈接中使用php變量？如果可以的話，是最好的解決方案。

<a href="?action=viewcomic&id=<?php echo $imgid; ?>"><img id="prevkey" src="./images/SiteDesign/prev.png" alt="Comic Navigation"/></a>