<JavaScript Oświadczenia referencyjny
Przykład
Jeśli aktualny czas (HOUR) jest mniejszy niż 20:00, wyjście "Good day" w elemencie z id = „demo”:
var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}
Wynikiem będzie:
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
If / else wykonuje blok kodu jeśli określony warunek jest spełniony. Jeśli warunek nie jest spełniony, kolejny blok kodu mogą być wykonywane.
If / else jest częścią Javascript w "Conditional" oświadczenia, które są wykorzystywane do wykonywania różnych działań opartych na różnych warunkach.
W JavaScript mamy następujące instrukcje warunkowe:
- Użyj if określić blok kodu do wykonania, jeśli określony warunek jest prawdziwy
- Użyj else określić blok kodu do wykonania, jeśli ten sam warunek nie jest spełniony
- Użyj else if , aby określić nowe warunki do przetestowania, jeśli pierwszy warunek nie jest spełniony
- Użyj switch , aby wybrać jeden z wielu bloków kodu do wykonania
Wsparcie przeglądarka
Komunikat | |||||
---|---|---|---|---|---|
if/else | tak | tak | tak | tak | tak |
Składnia
If określa blok kodu wykonywany jeśli warunek jest spełniony:
if ( Oświadczenie inny określa blok kodu wykonywany jeśli warunek jest fałszywy:
if ( Else if określa nowy warunek, jeśli pierwszy warunek nie jest spełniony:
if ( wartości parametrów Parametr Opis condition Wymagany. Wyrażenie ma wartość true lub false
Szczegóły techniczne
JavaScript wersja: 1,0
Więcej przykładów
Przykład
Jeśli czas jest mniejszy niż 20:00, stworzyć "Good day" powitanie, inaczej "Good evening" :
var time = new Date().getHours();
if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Wynikiem pozdrowieniem będzie:
Spróbuj sam "
Przykład
Jeśli czas jest mniejszy niż 10:00, stworzyć "Good morning" powitanie, czy nie, ale czas jest mniejszy niż 20:00, stworzyć "Good day" powitanie, w przeciwnym razie "Good evening" :
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Wynikiem pozdrowieniem będzie:
Spróbuj sam "
Przykład
Jeśli pierwsza <div> elementu w dokumencie ma identyfikator "myDIV" , zmienić jego rozmiar czcionki:
var x = document.getElementsByTagName("DIV")[0];
if (x.id ===
"myDIV") {
x.style.fontSize = "30px";
} Spróbuj sam "
Przykład
Zmień wartość source atrybutu (src) wystąpienia <img> elementu, gdy użytkownik kliknie na obrazek:
<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> Spróbuj sam "
Przykład
Wyświetli komunikat w oparciu o dane wprowadzone przez użytkownika:
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..";
} Spróbuj sam "
Przykład
Sprawdzania poprawności danych wejściowych:
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";
} Spróbuj sam "
Podobne strony
JavaScript Tutorial: JavaScript If ... else
JavaScript Tutorial: JavaScript switch
<JavaScript Oświadczenia referencyjny