Javascript 删除一定宽度的背景图像

我试图在每次加载页面时更改背景图像。该功能运行良好，但我还希望在移动用户的屏幕宽度小于640px时将背景图像设置为无。我尝试使用screen.width和screen.availWidth，但两者都没有效果。无论屏幕大小如何，我的背景图像都会保持不变

function changeImg(imgNumber)   {
    var myImages = ["images/bg_images/audi_tt.jpg", "images/bg_images/watercooled.jpg", "images/bg_images/aircooled.jpg"];
    var imgShown = document.body.style.backgroundImage;
    var newImgNumber =Math.floor(Math.random()*myImages.length);
    var windowWidth = window.screen.availWidth;
    if (windowWidth <= 640) {
        document.body.style.backgroundImage = 'none';
    } else if (windowWidth > 640) {
        document.body.style.backgroundImage = 'url('+myImages[newImgNumber]+')';
    }
}
window.onload=changeImg;

---

您可以通过以下方式使用jQuery完成这一切：

function changeImg(imgNumber)   {
    var myImages = ["images/bg_images/audi_tt.jpg", "images/bg_images/watercooled.jpg", "images/bg_images/aircooled.jpg"];
    var newImgNumber =Math.floor(Math.random()*myImages.length);
    var windowWidth = $(window).width();
    if (windowWidth <= 640) {
        $('body').css('background-image', 'none');
    } else if (windowWidth > 640) {
        $('body').css('background-image', 'url('+myImages[newImgNumber]+')');
    }
}
$(window).load(changeImg());

---

既然您标记了JQuery，您是否尝试过var windowWidth=$window.width；？真管用！有没有一种方法可以改变它，这样当你调整窗口大小时，它会自动摆脱它，而不仅仅是当你刷新页面时？没关系，我刚刚找到了调整大小的方法。谢谢你的帮助，乔恩！很高兴它成功了！没问题！