如何在Django模板中包含JavaScript？

Question

在我的Django项目'pizzeria'中，我为app'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 %}

我究竟做错了什么？

Answer 1

您应该从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>