gpt4 book ai didi

javascript - 使用FLASK时使用JS函数更改背景图像

转载 作者:太空宇宙 更新时间:2023-11-03 20:26:10 24 4
gpt4 key购买 nike

我正在尝试使用 JavaScript 更改背景图像。我正在使用 FLASK 和 Jinga 模板来制作我的网站。我对以下代码感到困惑。

我尝试过使用不同的引号,但没有成功。在 CSS 中,它工作正常,但在 JS 中则不然。预先感谢:)

    document.body.style.backgroundImage=  "url(\"{{url_for('static', filename ='sacred5.jpg' )\")}}";

最佳答案

您可以使用内联 CSS 指定 background-image 或在页面加载后使用 js 进行更改:

内联版本:

template.html中:

<html>
<body style='background-image:url({url})'>
...
</body>
</html>

然后,在app.py中:

@app.route('/your_route', methods=['GET'])
def your_route():
return flask.render_template('template.html', url='/static/sacred5.jpg')

homepage.js 中使用 jQuery:

$(document).ready(function(){
$('body').css('background-image', '/static/sacred5.jpg');
});

关于javascript - 使用FLASK时使用JS函数更改背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57803723/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com