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

Question

我有一个名为main.html的html页面，该页面使用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 的for和if/elif语句的外部 javascript 文件吗？ 我的目标是拥有更小的分离文件，而不是一个巨大的。

Answer 1

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