Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript if / else

<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

Przykłady

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