Question

我有一个Javascript和html如下。我想要的是用“currMonth”和“currYear”变量的值来改变值粗体区域，使它们变得动态。感谢您的帮助！

<script type="text/javascript">   
$(document).ready(function () {
var date = new Date();
var currMonth = date.getMonth();
var currYear= date.getFullYear();
currMonth +=1;
});
</script>


<html>
...
<table>
<td>...<td>
...
<td align="right" class="arrowIcon">
    <a href="index.php?m=**8**&y=**2015**&cat=0"><img src="images/rightarrow.gif" border="0"></a>
</td>
</table>
...
</html>

感谢。

编辑：谢谢你的回答。他们都在工作！

Answer 1

您可以在JavaScript中更新href：

$(document).ready(function () {
  var date = new Date();
  var currMonth = date.getMonth();
  var currYear= date.getFullYear();
  currMonth +=1;

  $('table .arrowIcon>a').each(function(i, el) {
    $(el).attr('href', 'index.php?m='+currMonth+'&y='+currYear+'&cat=0')
  }
});

Answer 2

在普通javascript中，使用getElementById()获取锚节点，使用setAttribute()更改链接。给出here的示例。但是当你使用jQuery时，使用.attr()函数会更容易。例如：

$('a').attr('href', 'index.php?m=' + currentMonth + '...');

Answer 3

这是一个不需要jQuery的例子，如果这是你用javascript做的唯一事情。

首先，我将脚本标记移动到文档的底部，以确保在运行javascript之前创建了html结构。在加载整个文档之前，最好不要使用javascript停止渲染，因此最好将脚本标记放在底部。

<html>
...
<table>
<td>...<td>
...
<td align="right" class="arrowIcon">
    <a href="index.php?m=**8**&y=**2015**&cat=0"><img src="images/rightarrow.gif" border="0"></a>
</td>
</table>
...

<script type="text/javascript">   
    var date = new Date();
    var currMonth = date.getMonth();
    var currYear= date.getFullYear();
    currMonth +=1;

    var atag = document.querySelector("table td a");
    atag.href = 'index.php?m='+currMonth+'&y='+currYear+'&cat=0';
</script>
</html>

如何在HTML表中获取JS变量

3 个答案: