Question

任何人都可以建议我如何将javascript变量放入html href标签和代码中。具体来说，在加载页面时，我希望以下代码可以定义div id并在其javascript函数中使用count_newsCat的值作为参数传递。例如，第一个div将有id＆＃39; newsCat1＆＃39;，第二个div＆＃39; newsCat2＆＃39;等等。

代码如下：

   <script>count_newsCat = 1;</script>
    {% for tag_field in tag_table %}
    <div name="{{tag_field.tag_name}}" class="tile" id="newsCat_gp" >
      <span onclick="this.parentNode.style.display = 'none';" class="closebtn">&times;</span>
      <a id="imageDivLink" href="javascript:toggle5('newsCat' + count_newsCat, 'list_div', 'imageDivLink');"><img src=  "{% static '/img/minus.png' %}"></a>
      <div class="tile__name"><b><font size="2px">{{tag_field.tag_name}}</b></font></div>
      <div class="tile__list" id="newsCat" + <script>count_newsCat;</script> style="display: block;"></div>                   
    </div>  
    <script>count_newsCat++;</script>
    {% endfor %}

非常感谢！

Answer 1

如果你使用ES5，你可以使用这样的模板：

`<a href='javascript:toggle5("${DivID}","list_div","imageLink")'>Link</a>`

如果没有，你可以对任何模板库如handlebar做同样的事情，所以它会是这样的：

for(var x = 10; x > 0; x--){
  var html = handlebar(source, {id:x,div:"list_div",link:"imageLink"})
  return template(html)
}// I dont remember pretty well the syntax of handlebars, find it in google

，您的模板将是这样的

<a href='javascript:toggle5("{{DivID}}","{{list_div}}","{{imageLink}}")'>Link</a>

将Javascript变量值分配给HTML href和函数

1 个答案: