我想在加载 CSS 背景图像后运行 JavaScript 代码（带有 addEventListener 的简单动画）。
我不想在这种情况下使用 JavaScript Image()，因为小尺寸屏幕和大尺寸屏幕各有两个背景图像。如果我使用Image()，加载后改变屏幕尺寸时无法切换图像。
背景图像在CSS中加载到主体上，而不是作为html中特定部分中的img标签，因为我想用它覆盖标题和英雄部分（位于主标签中）。
body {
background: no-repeat url("../img/bg_sp.png");
}
@media (min-width: 768px) {
body {
background: no-repeat url("../img/bg_pc.png");
}
}
提前谢谢您。
if(window.innerWidth <= 768) {
document.body.style.backgroundImage = "url('https://placehold.co/800x600')";
}body {
background-repeat: no-repeat;
background-size: cover;
background-image: url("https://placehold.co/600x400");
}<body>
some blocks
<body>