在 Django 模板中包含 JavaScript 的最佳实践

best practice including javascript in django template

本文关键字:最佳 JavaScript 包含 Django      更新时间:2023-09-26

以前我曾经在模板中这样做

<html>
...
<script>
 {% include "myapp/includes/jquery-1.7.1.min.js" %}
{% include "myapp/includes/myscript.js" %}
</script>
...

但这会导致所有 js 代码都显示在页面源代码上。

我没有在我的模板中使用任何表单,所以我可以使用媒体类来添加 js 吗?

我应该只使用 <script src=".." 或链接 ref=".." 来添加 javascript 文件吗?哪种方法更好?

像往常一样使用<script src="yourscript.js"></script>,不带include模板标签。

Django include模板标签并不意味着加载 JavaScript 源代码。它用于包含子模板,其标记可以访问包含模板的模板上下文。在这里阅读。

我知道

这个问题已经有6年的历史了,答案是这个问题的确切答案。但不知何故,这在我的谷歌搜索结果中对我来说如此之高,我想我会在这里发布更多信息,以帮助像我这样的人寻找最佳实践。 使用模板继承,以及内容、css 和 javascript 的块。

文档:

https://docs.djangoproject.com/en/2.0/ref/templates/language/#template-inheritance

还有一个 stackoverflow 示例,展示了如何使用 block.super 将另一个 js 文件添加到原始 js 块中:

如何在 Django 中组织 JS 文件?