如何在Django模板中包含JavaScript？

Question

在我的Django项目'pizzeria'中，我为app'pizzas'创建了一个静态文件夹，因此文件夹结构为：pizzeria / pizzas / static / pizzas /。在这个文件夹里面我有一个JavaScript'hack.js'：

axios.post

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

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

我做错了什么？

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>