如何在Django模板中包含JavaScript？

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

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

//hack.js
document.getElementById（“主页”）.innerHTML=“Hacked！”

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

{%load static%}

乱劈

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

---

我做错了什么？

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

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

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

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

Hack！

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

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

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

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

Hack！

首先，您正在编写onClick attributePlease中的HTML标记，请参考此链接。首先，您正在编写onClick attributePlease中的HTML标记，请参考此链接。遗憾的是，它仍然不起作用。是否应将``包含在模板文件中？是的，它应包含在HTML中，可能由于Django设置的原因，它不起作用，您需要将静态URL和静态文件目录设置为静态文件文件夹静态URL设置为OK。我不认为在这种情况下我需要STATICFILES\u DIRS，因为根据Django文档，它只在我想使用未绑定到特定应用程序的静态文件时使用？@barciewicz我编辑了我的答案，希望这是您发布的Jango的2.0文档实际上说{%load static%}：遗憾的是，它仍然不起作用。是否应将``包含在模板文件中？是的，它应包含在HTML中，可能由于Django设置的原因，它不起作用，您需要将静态URL和静态文件目录设置为静态文件文件夹静态URL设置为OK。我不认为在这种情况下我需要STATICFILES\u DIRS，因为根据Django文档，它只在我想使用不绑定到特定应用程序的静态文件时使用？@barciewicz我编辑了我的答案，希望这是您发布的Jango的2.0文档实际上说{%load static%}：