javascript - 如何创建多个 if 和 else？

Question

我是 javascript 的新手，我有这个 jQuery，当屏幕尺寸缩小到 480 像素时，它会替换一张图片。问题是我想添加更多图像来做同样的事情。我开始工作的唯一解决方案是一遍又一遍地粘贴代码并用新值替换图像值。那么如何在同一个脚本中创建多个 if 和 else？

$(document).ready(function() {  

function imageresize() {  
var contentwidth = $('body').width();  
if ((contentwidth) < '480'){  
$('.spelguide').attr('src','bilder/480/spelguide.jpg');  
} else {  
$('.spelguide').attr('src','bilder/spelguide.jpg');  

}  
}  

imageresize();//Triggers when document first loads      

$(window).bind("resize", function(){//Adjusts image when browser resized  
imageresize();  
});  

});  

Answer 1

链接多个 if-else-if 的通常模式是做类似的事情

if (some_condition) {
  // do stuff
} else if (some_other_condition) {
  // do other stuff
} else if (another_condition) {
  // do another thing
} else {
  //default case
}

这不仅适用于 Javascript。在大多数其他带有 if 语句的编程语言中，它看起来与此类似。