JavaScript if/else 语句

定义和用法

if/else 语句在指定条件为真时执行代码块。如果条件为假，则可以执行另一代码块。

if/else 语句是 JavaScript 的“条件”语句的一部分，用于根据不同的条件执行不同的操作。

在 JavaScript 中，我们有以下条件语句：

  • 使用 if 指定要执行的代码块，如果指定条件为真
  • 使用 else 指定要执行的代码块，如果相同条件为假
  • 如果第一个条件为假，则使用 else if 指定要测试的新条件
  • 使用 switch 选择要执行的多个代码块之一

ఉదాహరణ

如果当前时间 (HOUR) 小于 20:00，则在 id="demo" 的元素中输出 "Good day"：

var time = new Date().getHours(); 
if (time < 20) {
  document.getElementById("demo").innerHTML = "Good day";
}

స్వయంగా ప్రయత్నించండి

页面下方有更多 TIY 实例。

语法

if 语句指定在条件为真时要执行的代码块：

if (}condition) {
  // condition కాలిన మానిషికమైనప్పుడు నిర్వహించవలసిన కోడ్ బ్లాక్
}

else సూచికను పరిస్థితి మానిషికమైనప్పుడు నిర్వహించవలసిన కోడ్ బ్లాక్ నిర్దేశిస్తుంది:

if (condition) {
  // condition కాలిన మానిషికమైనప్పుడు నిర్వహించవలసిన కోడ్ బ్లాక్
} else { 
  // condition కాలిన నిజమైనప్పుడు నిర్వహించవలసిన కోడ్ బ్లాక్
}

మొదటి పరిస్థితి మానిషికమైనప్పుడు, else if సూచికను కొత్త పరిస్థితికి నిర్దేశించండి:

if (condition1) {
  // condition1 కాలిన నిజమైనప్పుడు నిర్వహించవలసిన కోడ్ బ్లాక్
} else if (condition2) {
  // condition1 కాలిన నిజమైనప్పుడు మరియు condition2 కాలిన కనిష్టం నిర్వహించవలసిన కోడ్ బ్లాక్
} else {
  // condition1 కాలిన నిజమైనప్పుడు మరియు condition2 కాలిన నిజమైనప్పుడు నిర్వహించవలసిన కోడ్ బ్లాక్
}

పారామితి విలువలు

పారామితులు వివరణ
condition అవసరమైన. ఫలితం true లేదా false అనే వినియోగం అనే విధంగా వ్యాఖ్యానించబడుతుంది.

సాంకేతిక వివరాలు

JavaScript సంస్కరణలు: ECMAScript 1

మరిన్ని ఉదాహరణలు

ఉదాహరణ

సమయం 20:00 కంటే తక్కువ ఉంటే, "Good day" విందును సృష్టించండి, లేకపోతే "Good evening" విందును సృష్టించండి:

var time = new Date().getHours(); 
if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ

సమయం 10:00 కంటే తక్కువ ఉంటే, "Good morning" విందును సృష్టించండి, మరియు అలా కాకుండా 20:00 కంటే తక్కువ ఉంటే, "Good day" విందును సృష్టించండి, లేకపోతే "Good evening" విందును సృష్టించండి:

var time = new Date().getHours(); 
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ

డాక్యుమెంట్లో మొదటి <div> ఎలిమెంట్ యొక్క id "myDIV" ఉంటే, దాని ఫంట్ పరిమాణాన్ని మార్చండి:

var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") { 
  x.style.fontSize = "30px";
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ

వినియోగదారి చిత్రాన్ని క్లిక్ చేసినప్పుడు <img> ఎలిమెంట్ యొక్క మూల ప్రతిమన విలువను మార్చండి (src):

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<script>
function changeImage() {
  var image = document.getElementById("myImage");
  if (image.src.match("bulbon")) {
    image.src = "pic_bulboff.gif";
  } else {
    image.src = "pic_bulbon.gif";
  }
}
</script>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ

వినియోగదారి ప్రవేశం ఆధారంగా సందేశాన్ని ప్రదర్శించండి:

var letter = document.getElementById("myInput").value;
var text;
// అక్షరం "c" ఉన్నప్పుడు
if (letter === "c") {
  text = "Spot on! Good job!";
// అక్షరం "b" లేదా "d" ఉన్నప్పుడు
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";
// ఇతర అక్షరాలు ఉన్నప్పుడు
} else {
  text = "Waaay off..";
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ

ప్రవేశదాత డాటా నిర్ధారణం చేయండి:

var x, text;
// id="numb" విద్యుత్ ప్రదర్శన విలువను పొందండి
x = document.getElementById("numb").value;
// అయితే x సంఖ్య కాదు లేదా 1 కంటే తక్కువగా లేదా 10 కంటే ఎక్కువగా ఉంటే "input is not valid" అవుతుంది
// అయితే x 1 నుండి 10 వరకు సంఖ్యగా ఉంటే "Input OK" అవుతుంది
if (isNaN(x) || x < 1 || x > 10) {
  text = "Input not valid";
} else {
  text = "Input OK";
}

స్వయంగా ప్రయత్నించండి

బ్రౌజర్ మద్దతు

వాక్యం క్రోమ్ IE Firefox Safari Opera
if/else 支持 支持 支持 支持 支持

相关页面

JavaScript 教程：JavaScript If...Else 语句

JavaScript 教程：JavaScript Switch 语句