пример
Если текущее время (HOUR) меньше , чем 20:00, выходной "Good day" в элементе с идентификатором = «DEMO»:
var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}Результат будет:
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Если / другое заявление выполняет блок кода, если указанное условие истинно. Если условие ложно, другой блок кода может быть выполнена.
Если / другое заявление является частью в JavaScript "Conditional" отчетность, которые используются для выполнения различных действий , основанных на различных условиях.
В JavaScript мы имеем следующие условные операторы:
- Используйте , if указать блок кода , который будет выполняться, если указанное условие истинно
- Используйте else указать блок кода , который будет выполняться, если же условие ложно
- Используйте else if , else if задать новое условие , чтобы проверить, если первое условие ложно
- Используйте switch , чтобы выбрать один из многих блоков кода , который будет выполнен
Поддержка браузеров
| утверждение | |||||
|---|---|---|---|---|---|
| if/else | да | да | да | да | да |
Синтаксис
Если оператор определяет блок кода , который будет выполняться , если условие истинно:
if ( Оператор еще определяет блок кода , который будет выполняться , если условие ложно:
if ( Еще , если оператор задает новое условие , если первое условие ложно:
if ( Значения параметров параметр Описание condition Необходимые. Выражение, которое истинно или ложно
Технические подробности
Версия JavaScript: 1,0
Еще примеры
пример
Если время меньше 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> элемент в документе имеет идентификатор "myDIV" , измените размер шрифта:
var x = document.getElementsByTagName("DIV")[0];
if (x.id ===
"myDIV") {
x.style.fontSize = "30px";
} Попробуй сам "
пример
Изменение значения source атрибута (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;
// If the letter is "c"
if (letter === "c") {
text = "Spot on! Good job!";
// If the letter is "c" or "e"
}
else if (letter === "b" || letter === "d") {
text
= "Close, but not close enough.";
// If the letter is anything
else
} else {
text = "Waaay off..";
} Попробуй сам "
пример
Проверка входных данных:
var x, text;
// Get the value of the input field with id="numb"
x
= document.getElementById("numb").value;
// If x is Not a Number or
less than 1 or greater than 10, output "input is not valid"
// If x is
a number between 1 and 10, output "Input OK"
if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input
OK";
} Попробуй сам "
Похожие страницы
JavaScript Учебник JavaScript Если ... Else отчетность
JavaScript Учебник JavaScript Переключить Заявление
<JavaScript Заявления Ссылка