Javascript 如果屏幕宽度<；=699

我有两个图像“image big.jpg”和“image small.jpg”，我想通过javascript检测屏幕宽度是否绑定到窗口onresize事件：

window.onresize = function(event) {
    if(window.innerWidth && window.innerWidth===699)
       document.getElementById('myImg').src = 'newSource';
    else if(document.body.offsetWidth && document.body.offsetWidth===669)
       document.getElementById('myImg').src = 'newSource';
};

---

else if

用于IE其规格中没有，但

屏幕在所有浏览器中都可以正常工作

if(screen.width <= 699){
   // do you logic
}

if（screen.width1st方法：客户端。在检测设备类型后，在dom ready上将classname设置为html标记。使用css:

html.big .image-div {background-image:url('big.jpg')}
html.small .image-div {background-image:url('small.jpg')}

第二种方法：重定向。使用2个不同的URL，并通过检测用户代理重定向较小的大小。使用用户代理（导航器对象）比使用窗口/屏幕宽度更好

通常我会预发送重定向，因为当您可以为特定设备自定义时，您的代码和页面外观都更好。这是领导者的行为方式。
尝试媒体查询

.imageswap{
 background-image:url('small.jpg');
}
    @media screen and (max-width: 699px) {
      background-image:url('small.jpg');
    }

使用将更容易实现，唯一的警告是您需要在
或其他东西上使用
背景图像，而不是
标记。加载时不调用此事件，仅在调整大小时调用。是否有方法将其称为onload？如果在移动设备上，我的页面会自动重定向到移动宽度，因此脚本n需要知道宽度是多少，因为没有调整大小…谢谢！我不太懂逻辑？有没有可能让你帮我？我有：如果（screen.width是的，它可以工作，但是将
放在关闭
标记之前