js重复调用html中的模板,javascript – 如何从呈现的HTML模板中呈现JS模板?

"本文探讨了如何在Flask应用中利用Jinja2模板引擎将内联JavaScript代码移至单独的文件中,以实现代码组织和维护的整洁。通过修改模板引用外部JS文件,如`<script src="code.js"></script>`,并传递变量到JS文件,如`{% render_template('code.js', color=color) %}

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如果我想通过Jinja2生成

JavaScript代码,而不仅仅是HTML,我是否坚持保持JS代码内联,或者我有没有办法引用脚本?

具体来说:

app.py

from flask import Flask, render_template

app = Flask(__name__)

app.config['DEBUG'] = True

@app.route('/')

def index():

return render_template('index.html', name='Sebastian', color='pink')

if __name__ == '__main__':

app.run()

的index.html

function myEnterFunction() {

element = document.getElementById("demo");

element.style.backgroundColor = "{{ color }}";

}

Hello {{ name }}

onmouseenter:

Mouse over me!

如果JavaScript代码是内联的,这可以正常工作,但如果我们想保持整洁并引用一个单独的文件呢?

可能,这可以通过用src =“code.js”替换来完成

{% render_template('code.js', color=color) %}

在渲染HTML模板时,您能看到如何渲染JS模板吗?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值