JavaScript if/else
Пример
Если текущее время (ЧАС) меньше 20:00, выведите "Добрый день" в элементе с id="demo":
var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Добрый день";
}
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Определение и использование
Оператор if/else выполняет блок кода, если заданное условие истинно. Если условие ложно, может быть выполнен другой блок кода.
Оператор if/else является частью Javascript "Условных" операторов, которые используются для выполнения различных действий, основанных на различных условиях.
В JavaScript мы имеем следующие условные операторы:
- Использовать if, чтобы указать блок кода, который будет выполняться, если заданное условие истинно
- Использовать else, чтобы указать блок кода, который будет выполнен, если то же самое условие является ложным
- Использовать else if, чтобы указать новое условие для проверки, если первое условие ложно
- Использовать switch, чтобы выбрать один из многих блоков кода для выполнения
Поддержка браузера
| Заявление | |||||
|---|---|---|---|---|---|
| if/else | Да | Да | Да | Да | Да |
Синтаксис
Оператор if указывает блок кода, который должен быть выполнен, если условие истинно:
if (condition) {
// блок кода, который будет выполнен, если условие истинно
}
Оператор else указывает блок кода, который должен быть выполнен, если условие ложно:
if (condition) {
// блок кода, который будет выполнен, если условие истинно
}
else {
// блок кода, который будет выполнен, если условие ложно
}
Оператор else if задает новое условие, если первое условие является ложным:
if (condition1) {
// блок кода, который будет выполнен, если условие 1 истинно
}
else if (condition2) {
// блок кода, который будет выполнен, если условие 1 ложно, а условие 2 истинно
} else {
// блок кода, который должен быть выполнен, если условие 1 ложно а условие 2 ложно
}
Значения параметров
| Параметр | Описание |
|---|---|
| condition | Требуемый. Выражение, которое принимает значение true или false |
Технические детали
| Версия JavaScript: | ECMAScript 1 |
|---|
Еще примеры
Пример
Если время меньше 20:00, создайте приветствие "Добрый день", в противном случае "Добрый вечер":
var time = new Date().getHours();
if (time < 20) {
greeting = "Добрый день";
}
else {
greeting = "Добрый вечер";
}
Попробуйте сами »
Пример
Если время меньше 10:00, создайте "приветствие", если нет, но время меньше 20: 00, создайте "приветствие", в противном случае "приветствие":
var time = new Date().getHours();
if (time < 10) {
greeting = "Доброе утро";
}
else if (time < 20) {
greeting = "Добрый день";
}
else {
greeting = "Добрый вечер";
}
Попробуйте сами »
Пример
Если первый элемент "div" в документе имеет идентификатор "media", измените его размер шрифта:
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" 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 = "В точку! Хорошая работа!";
// Если письмо "b" or "d"
} else if (letter === "b" || letter === "d") {
text = "Близко, но недостаточно близко.";
// Если письмо что-нибудь значит else
} else {
text = "Вааай прочь..";
}
Попробуйте сами »
Пример
Проверка входных данных:
var x, text;
// Получить значение поля ввода с помощью id="numb"
x = document.getElementById("numb").value;
// Если x не является числом или меньше 1 или больше 10, выведите "ввод недопустим"
// Если x - число от 1 до 10, выведите "Ввод ОК"
if (isNaN(x) || x < 1 || x > 10) {
text = "Ввод недопустим";
} else {
text = "Ввод ОК";
}
Попробуйте сами »
Связанные страницы
JavaScript учебник: JavaScript Заявления If...Else
JavaScript учебник: JavaScript Заявление Switch
