[英]Assign Javascript Variable Value to HTML href and function
任何人都可以建議我如何將javascript變量放入html href標簽和代碼中。 具體來說,在加載頁面時,我希望以下代碼可以定義div id並作為其javascript函數中的參數使用count_newsCat的值切換5。 例如,第一個div的ID為“ newsCat1”,第二個div的ID為“ newsCat2”,依此類推。
代碼如下:
<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">×</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 %}
非常感謝!
如果使用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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.