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

Posted 2023-02-24

【中文标题】Django - 如何将 javascript 变量从另一个文件加载到模板

【英文标题】：Django - How to load javascript variable from another file to template

【发布时间】：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 %

【参考方案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 插入模板的方式。