在django模板中调用javascript文件

Calling javascript file in a django template

本文关键字：调用 javascript 文件 django      更新时间：2023-09-26

我想在我的html模板中调用一个javascript函数，下面是我的代码：

project/app/static/js/my_javascript.js

function trial() 
{
    document.getElementById("demo").innerHTML = "Hi, I am your javascript from an external source";
}

project/app/templates/app/my_html.html

{% load static files %} 
<!DOCTYPE html>
<html>
<body>
<script src = {% static "js/my_javascript.js" %}> </script>
<p id="demo">Original</p>
<button type = "button" onClick="trial()">Click me!</button>
</body>
</html>

然而，我的按钮正在显示，但点击按钮时没有执行任何功能。我在浏览器上检查了"inspect element"，指向javascript的链接很好，因此我无法确定如何修复它。

你有什么建议？

我在代码末尾额外键入了一个波浪号字符（打字错误！）。这就是错误的原因，并且已经修复。谢谢你的帮助。

相关文章：