时间戳

首页 > 解决方案 > 如何使用 javascript 将 html 模板包含到另一个 html 中

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

问题描述

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

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

main.html

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

content of main.html

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

有什么解决方案可以完全（使用javascript）工作individual_sum.html吗main.html？或者我可以使用包含 Djangofor和if/elif语句的外部 javascript 文件吗？我的目标是拥有更小的分离文件，而不是一个巨大的。

标签： javascriptpythondjangotemplatesinclude

解决方案

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

推荐阅读