如何使用 javascript 将 html 模板包含到另一个 html 中

How to include html template into another html with javascript

我有一个名为 main.htmlhtml 页面,该页面使用 base.html 进行了扩展。我想找到一个解决方案,如何将另一个 html 模板 (individual_sum.html) 与 javascript 一起包含到其中。 individual_sum.html 文件中有很多 javascript 代码。我不使用外部 javascript 文件,因为我不知道如何在 js 中使用 Django 模板语言。我的视图中有动态推送数据的查询,因此我需要 DTL。

我将 individual_sum.html 包含在 main.html 中,内容出现了,但图表和其他 javascript 内容是空白的。

main.html

{% extends 'stressz/base.html' %}
{% block body%}

content of main.html

{% include 'stressz/individual_sum.html' %}
{% endblock %}

是否有任何解决方案可以在 main.html 中完全(使用 javascript)工作 individual_sum.html?或者我可以使用包含 Django 的 forif/elif 语句的外部 javascript 文件吗?我的目标是拥有更小的分离文件,而不是一个巨大的文件。

是的,您可以在 Django 外部使用 javascript。您可以创建一个单独的文件,比如 myscript.js,然后将其作为静态文件添加到您的 Django 项目中。然后 link 它在模板的基础文件中,如 <script src="{% static 'myscript.js' %}"></script>。它适用于从基本文件扩展的每个 html 文件。