JavaScript if/elseоператор

JavaScript 语句参考手册Справочник по инструкциям JavaScript

Примеры

Если текущее время (часы) меньше 20:00, выведите "Good day" в элементе с id="demo":

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

Результат вывода:


Попробуйте сами »

Дополнительные примеры приведены в нижней части этой статьи.

Определение и использование

Оператор if/else выполняет блок кода, когда указанное условие истинно. Если условие ложно, будет выполнен другой блок кода.

Оператор if/else является частью условных операторов JavaScript, которые используются для выполнения различных действий в зависимости от различных условий.

В JavaScript мы можем использовать следующие условные операторы:

  • оператор if- Используйте этот оператор, чтобы выполнить код только тогда, когда указанное условие истинно.
  • Оператор elseВыполняет этот блок кода, если условие оператора if ложно.
  • Оператор else if- Проверяет новое условие, если первое условие ложно.
  • switchоператор- Выберите один из многих блоков кода для выполнения.

Поддержка браузеров

Инструкция
if/else Да Да Да Да Да

Синтаксис

ifОператор задает блок кода, который будет выполнен, когда условие истинно:

if (condition) {
Выполните этот блок кода, если условие истинно.
}

elseОператор задает блок кода, который будет выполнен, когда условие ложно:

if (condition) {
Выполните этот блок кода, если условие истинно.
} else {
Выполните этот блок кода, если условие ложно.
}

else ifОператор задает новое условие, когда первое условие ложно:

if (condition1) {
Выполните этот блок кода, если condition1 истинно.
} else if (condition2) {
Выполните этот блок кода, если condition1 ложно и condition2 истинно.
} else {
Выполните этот блок кода, если condition1 ложно и condition2 ложно.
}

Значения параметров

Параметр Описание
condition Обязательно. Выражение, которое должно быть вычислено для условия: true или false.

Технические детали

Версия JavaScript: 1.0

实例

Другие примеры

Пример

Если время меньше 20:00, сформируйте приветствие "Добрый день", иначе выведите "Добрый вечер":

var time = new Date().getHours();
if (time < 20) {
    greeting = "Добрый день";
} else {
    greeting = "Добрый вечер";
}

Результат вывода приветствия:

var d=new Date(); var time=d.getHours(); if (time<20) { document.write("Добрый день"); } else { document.write("Добрый вечер"); }

Попробуйте сами »

Пример

Если время меньше 10:00, выведите приветствие "Доброе утро"; если время меньше 20:00, выведите приветствие "Добрый день"; иначе выведите "Добрый вечер":

var time = new Date().getHours();
if (time < 10) {
    greeting = "Доброе утро";
} else if (time < 20) {
    greeting = "Добрый день";
} else {
    greeting = "Добрый вечер";
}

Результат вывода приветствия:

var d=new Date(); var time=d.getHours(); if (time<10) { document.write("Доброе утро"); } else if (time<20) { document.write("Добрый день"); } else { document.write("Добрый вечер"); }

Попробуйте сами »

Пример

Измените размер шрифта первого элемента <div> в документе с id, равным "myDIV":

var x = document.getElementsByTagName("DIV")[0];

if (x.id == "myDIV") {
    x.style.fontSize = "30px";
}

Попробуйте сами »

Пример

Измените атрибут src элемента <img>, когда пользователь щёлкает по изображению:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif.html" 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 x, text;

// Получить значение поля ввода с id="numb"

x = document.getElementById("numb").value;

// Если x не является числом, или x меньше 1, или x больше 10, вывести "Пожалуйста, введите допустимое значение"
// Если значение x находится между 1 и 10, вывести "Ввод верен"

if (isNaN(x) || x < 1 || x > 10) {
text = "Пожалуйста, введите допустимое значение";
} else {
text = "Ввод верен";
}
document.getElementById("demo").innerHTML = text;

Попробуйте сами »

Связанные страницы

Учебник по JavaScript:Условный оператор JavaScript If...Else

Учебник по JavaScript:Оператор switch в JavaScript

JavaScript 语句参考手册Справочник по инструкциям JavaScript Другие расширения