Javascript 将django视图中的值作为参数传递给js函数

我使用了一个函数，按下按钮时会打开一个选项卡，这些按钮将使用django的值生成
我可以在js函数中调用这些值，但当我尝试将它们作为js函数中的参数传递时，我的页面显示为空白

index.html

 {% for exp in experience %}
     <button class="tablinks" onclick="openCity(event, {{exp.e_name}})" id="defaultOpen">{{exp.e_name}}</button>
 {% endfor %}

{exp in experience%}
{{exp.e_name}
{%endfor%}

app.js

function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");

  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

函数openCity（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

---

请指导我如何将exp.e_name传递给js函数

您可以将位置传递为

字符串

，如：

{% for exp in experience %}
     <button class="tablinks" onclick="openCity(event, '{{exp.e_name}}')" id="defaultOpen">{{exp.e_name}}</button>
{% endfor %}

{exp in experience%}
{{exp.e_name}
{%endfor%}