Javascript档案中使用Django template 变数

在template中我们可以定义javascript变数为djagno变数,如下:

<script>
    let yourhouse = {{ variable }}
    function ShowHouses(){
    document.getElementById("house").textContent=youhouse;
    }
</script>

但如果把上面的内容独立成.js档案,这时原本的{{ variable }}就会出现问题了,因为它属於django的语言,javascript无法解读,这时其中一个最简单的方法是:

<script>
    let yourhouses = {{ variable }}
</script>
<script>src="{% static 'js/house.js' %}"</script>

你还是必须在提前在template定义你的javacript变数为{{ variable }},然後再加入javascript档案路径。


<<:  建立自己Blog系列(三) Hexo next theme 介绍

>>:  资料抽象与封装(Data Abstraction vs Encapsulation)

Day22 Arrays and More Data Structures (Ⅱ)

排序法有很多种,也牵扯到资料结构以及演算法,像是二元搜寻法、气泡排序法… 举个sorting的例子来...

[Day7] - Django 专案设定,创建 Django app

前一天当中,我们一起完成了第一个最基本的 Django 网站。 这次要来介绍一下Django 专案里...

D21 - 用 Swift 和公开资讯,打造投资理财的 Apps { 台股成交量实作.1 }

在技术分析,或是筹码分析的流派中,其中有流派是会用成交量和 K 线一起看,然後进行股票进出的判断。 ...

Day 19 - Socket 连线

Day 19 - Socket 连线 昨天我们讲解了如何让我们能在程序内切换分页,今天我们就换个口味...

【Day04-档案】你知道Excel最大可以开多少笔资料吗?

前一天我们介绍了用来资料处理最基本的pandas套件 那今天我们则是来谈一下不同的档案类型 我们都知...