如何使用 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 文件。