在 django 模板中调用 javascript 文件答案

【问题标题】：Calling javascript file in a django template在 django 模板中调用 javascript 文件
【发布时间】：2013-11-18 06:20:38
【问题描述】：

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

项目/app/static/js/my_javascript.js

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

项目/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>

但是，我的按钮正在显示，但单击按钮时没有执行任何功能。我在浏览器上检查了“检查元素”，并且指向 javascript 的链接很好，因此我无法确定如何修复它。

您建议进行哪些更改？

【问题讨论】：

你的javascript加载了吗？
@limelights - 加载到底是什么意思？
可以在Chrome开发工具中调用这个函数吗？
是的，在 Chrome 浏览器上检查元素时，它指向 .js 文件并且该功能是可见的，但是，它没有执行该功能。我也尝试添加警报窗口，但没有响应。此错误的原因可能是什么？
在 Chrome Dev-tools 控制台中你能运行trial()吗？

标签： javascript html django button django-templates

【解决方案1】：

我在代码末尾输入了一个额外的波浪号（错字！）。这是错误的原因，它已被修复。感谢您的帮助。

【讨论】：