javascript - 如何在Django模板中包含JavaScript？

在我的Django项目“ pizzeria”中，我为应用程序“ pizzas”创建了一个静态文件文件夹，因此文件夹结构为：pizzeria / pizzas / static / pizzas /。在此文件夹中，有一个JavaScript'hack.js'：

//hack.js
<script>
document.getElementById("home page").innerHTML="Hacked!"
</script>

现在，我想将此脚本包含在我的Django模板（pizzeria / pizzas / templates / pizzas / base.html）中，但是以下设置无效（innerHTML在单击按钮时不会更改）：

{% load static %}

<p>
<a href="{% url 'pizzas:index' %}" id="home page">Home page</a>
<a href="{% url 'pizzas:pizzas' %}">Our pizzas</a>
<button onclick="{% static 'pizzas/hack.js' %}">Hack!</button>
</p>

{% block content %} {% endblock content %}

我究竟做错了什么？

最佳答案

您应该从js文件中删除脚本标签，并将其包含在

  <script src="{% static 'pizzas/hack.js' %}"></script>

像这样的hack.js文件

function onClick() {
   document.getElementById("home_page").innerHTML="Hacked!"
}

标记ID不应包含空格，doc
您的按钮应该是

<button onclick="onClick">Hack!</button>