Co to jest JavaScript?
JavaScript to język programowania dla sieci.
JavaScript może aktualizować i zmieniać zarówno HTML , jak i CSS.
JavaScript może obliczać , manipulować i weryfikować dane.
Samouczek szybkiego startu JavaScript
W tym samouczku krótko przyjrzymy się najważniejszym typom danych JavaScript.
Zmienne JavaScript mogą być:
- Liczby
- Smyczki
- Obiekty
- Tablice
- Funkcje
Zmienne JavaScript
Zmienne JavaScript to kontenery do przechowywania wartości danych.
W tym przykładzie x, y i z są zmiennymi:
Przykład
var x = 5;
var y = 6;
var z = x + y;
Z powyższego przykładu możesz oczekiwać:
- x przechowuje wartość 5
- y przechowuje wartość 6
- z przechowuje wartość 11
Liczby JavaScript
JavaScript ma tylko jeden typ liczby. Liczby mogą być zapisywane z lub bez miejsc dziesiętnych.
Przykład
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Wszystkie liczby są przechowywane jako liczby zmiennoprzecinkowe podwójnej precyzji.
Maksymalna liczba miejsc po przecinku to 17, ale liczba zmiennoprzecinkowa nie zawsze jest w 100% dokładna:
Przykład
var x = 0.2 + 0.1; // x will be 0.30000000000000004
Ciągi JavaScript
Ciągi przechowują tekst . Ciągi są pisane w cudzysłowie. Możesz użyć pojedynczych lub podwójnych cudzysłowów :
Przykład
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Długość ciągu można znaleźć we wbudowanej długości właściwości :
Przykład
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Obiekty JavaScript
Wiesz już, że zmienne JavaScript to kontenery na wartości danych.
Ten kod przypisuje prostą wartość (Fiat) do zmiennej o nazwie samochód:
var car = "Fiat";
Obiekty też są zmiennymi. Ale obiekty mogą zawierać wiele wartości.
Ten kod przypisuje wiele wartości (Fiat, 500, biały) do zmiennej o nazwie samochód:
var car = {type:"Fiat", model:"500", color:"white"};
Tablice JavaScript
Tablice JavaScript służą do przechowywania wielu wartości w jednej zmiennej.
Przykład
var cars = ["Saab", "Volvo", "BMW"];
Funkcje JavaScript
Funkcja JavaScript to blok kodu przeznaczony do wykonania określonego zadania.
Funkcja JavaScript jest wykonywana, gdy "coś" ją wywołuje (wywołuje to).
Przykład
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Co może zrobić JavaScript?
Ta sekcja zawiera kilka przykładów tego, co może zrobić JavaScript:
- JavaScript może zmienić zawartość HTML
- JavaScript może zmienić wartości atrybutów HTML
- JavaScript może zmieniać style HTML (CSS)
- JavaScript może ukryć elementy HTML
- JavaScript może pokazywać elementy HTML
JavaScript może zmienić zawartość HTML
Jedną z wielu metod JavaScript HTML jest getElementById() .
Ten przykład używa metody "znajdź" element HTML (z id="demo") i zmienia zawartość elementu ( innerHTML ) na "Hello JavaScript":
Przykład
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript może zmienić wartości atrybutów HTML
W tym przykładzie JavaScript zmienia wartość atrybutu src (source) znacznika <img>:
Żarówka
JavaScript może zmieniać style HTML (CSS)
Zmiana stylu elementu HTML to wariant zmiany atrybutu HTML:
Przykład
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript może ukryć elementy HTML
Ukrywanie elementów HTML można wykonać poprzez zmianę stylu wyświetlania:
Przykład
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript może pokazywać elementy HTML
Pokazywanie ukrytych elementów HTML można również wykonać zmieniając styl wyświetlania:
Przykład
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Pełny samouczek JavaScript
To był krótki opis JavaScript.
Aby zapoznać się z pełnym samouczkiem JavaScript, przejdź do Samouczka JavaScript W3Schools .
Aby uzyskać pełne informacje o JavaScript, przejdź do W3Schools JavaScript Reference .