Javascript 在使用FLASK时使用JS函数更改背景图像

Javascript 在使用FLASK时使用JS函数更改背景图像,javascript,python,flask,jinja2,Javascript,Python,Flask,Jinja2,我正在尝试使用javascript更改背景图像。我正在使用FLASK和Jinga模板制作我的网站。我对以下代码感到困惑 我试过使用不同的倒逗号,但没有用。在CSS中,它可以正常工作,但在JS中却不行。提前感谢:) 您可以使用内联CSS指定背景图像,或者在页面加载后使用js进行更改: 内联版本: 在template.html中: <html> <body style='background-image:url({url})'> ... </body&

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

我试过使用不同的倒逗号,但没有用。在CSS中,它可以正常工作,但在JS中却不行。提前感谢:)


您可以使用内联CSS指定
背景图像
,或者在页面加载后使用
js
进行更改:

内联版本:

template.html
中:

<html>
  <body style='background-image:url({url})'>
     ...
  </body>
</html>
在您的
主页.js中使用
jQuery

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

您可以使用内联CSS指定
背景图像
,或者在页面加载后使用
js
进行更改:

内联版本:

template.html
中:

<html>
  <body style='background-image:url({url})'>
     ...
  </body>
</html>
在您的
主页.js中使用
jQuery

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

需要在
load
事件上执行-请参阅需要在
load
事件上执行-请参阅