Django - 如何將 javascript 變量從另一個文件加載到模板

Question

如何從模板內的另一個 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 %}

Answer 1

那很簡單。

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

其中path_to_your_file.js是myObject所在文件的路徑