Django - 如何将 javascript 变量从另一个文件加载到模板答案

【问题标题】：Django - How to load javascript variable from another file to templateDjango - 如何将 javascript 变量从另一个文件加载到模板
【发布时间】：2021-09-08 23:04:55
【问题描述】：

如何从模板内的另一个 js 文档中加载一些变量，然后在我的模板中的脚本标签内修改此变量？

例如：

js 文件

let myObject = {color: red}

Django 模板

{% extends 'app/general/base.html' %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% load static %}

{% block content %}
    <h1 id="color"></h1>

    <script>
        document.getElementById('color').innerHTML = myObject.color //I need some way of loading myObject here, and be able to retrieve and edit data from it
    </script>
{% endblock %}

【问题讨论】：

标签： javascript django django-templates django-staticfiles

【解决方案1】：

这很简单。

<script src="path_to_your_file.js"></script>
<script>        
    console.log(myObject);
</script>

path_to_your_file.js 是 myObject 所在文件的路径

【讨论】：

我只是在这里控制台记录了对象，只是为了展示如何做到这一点。你现在可以对那个对象做任何你想做的事情
那行不通。 link
chartObject 是文件'chart-area-demo.js'中的一个对象
问题是我的缓存不清楚。我必须执行 ctrl + F5 才能应用更改。
这是我们如何将外部 js 插入模板的方式。