JavaScript Samouczek
Pierwsze kroki w JavaScript

Angular 2 AngularJS ASP.NET CSS HTML jQuery Node.js PHP React Regular Expressions

Uwagi

JavaScript (nie mylić z Javą ) jest dynamicznym, słabo typowanym językiem używanym zarówno po stronie klienta, jak i po stronie serwera.

JavaScript to język, w którym rozróżniana jest wielkość liter. Oznacza to, że język uważa, że wielkie litery różnią się od ich małych liter. Słowa kluczowe w JavaScript są pisane małymi literami.

JavaScript jest powszechnie przywoływaną implementacją standardu ECMAScript.

Tematy w tym tagu często odnoszą się do użycia JavaScript w przeglądarce, chyba że zaznaczono inaczej. Same pliki JavaScript nie mogą być uruchamiane bezpośrednio przez przeglądarkę; konieczne jest osadzenie ich w dokumencie HTML. Jeśli masz kod JavaScript, który chcesz wypróbować, możesz osadzić go w niektórych symbolach zastępczych takich jak ten i zapisać wynik jako example.html :

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test page</title>
  </head>
  <body>
    Inline script (option 1):
    <script>
      // YOUR CODE HERE
    </script>
    External script (option 2):
    <script src="your-code-file.js"></script>
  </body>
</html>

Wersje

Wersja	Data wydania
1	01.06.1997
2)	1998-06-01
3)	01.12.1998
E4X	2004-06-01
5	01.12.2009
5.1	01.06.2011
6	01.06.2015
7	14.06.2016
8	27.06.2017

Korzystanie z interfejsu API DOM

DOM oznacza D otument O bject M odel. Jest to obiektowa reprezentacja uporządkowanych dokumentów, takich jak XML i HTML .

Ustawienie właściwości textContent Element jest jednym ze sposobów wyświetlania tekstu na stronie internetowej.

Rozważmy na przykład następujący tag HTML:

<p id="paragraph"></p>

Aby zmienić jego właściwość textContent , możemy uruchomić następujący JavaScript:

document.getElementById("paragraph").textContent = "Hello, World";

Spowoduje to wybranie elementu z paragraph id i ustawienie jego zawartości tekstowej na „Hello, World”:

<p id="paragraph">Hello, World</p>

(Zobacz także to demo)

Możesz także użyć JavaScript, aby programowo utworzyć nowy element HTML. Rozważmy na przykład dokument HTML o następującym treści:

<body>
   <h1>Adding an element</h1>
</body>

W naszym JavaScript tworzymy nowy tag <p> z właściwością textContent i dodajemy go na końcu treści HTML:

var element = document.createElement('p');
element.textContent = "Hello, World";
document.body.appendChild(element); //add the newly created element to the DOM

Spowoduje to zmianę treści HTML na następujące:

<body>
   <h1>Adding an element</h1>
   <p>Hello, World</p>
</body>

Zauważ, że aby manipulować elementami w DOM przy użyciu JavaScript, kod JavaScript musi zostać uruchomiony po utworzeniu odpowiedniego elementu w dokumencie. Można to osiągnąć, umieszczając tagi JavaScript <script> po całej zawartości <body> . Alternatywnie możesz także użyć detektora zdarzeń, aby nasłuchiwać np. window zdarzeniu onload window , dodanie kodu do tego detektora zdarzeń opóźni uruchomienie kodu, aż do momentu załadowania całej zawartości strony.

Trzecim sposobem na upewnienie się, że cały DOM został załadowany, jest zawinięcie kodu manipulacji DOM funkcją limitu czasu wynoszącą 0 ms . W ten sposób ten kod JavaScript jest ponownie umieszczany w kolejce na końcu kolejki wykonawczej, co daje przeglądarce szansę na wykonanie pewnych czynności, które nie czekają na JavaScript przed ukończeniem tego nowego fragmentu JavaScript.

Korzystanie z console.log ()

Wprowadzenie

Wszystkie nowoczesne przeglądarki internetowe, NodeJ, a także prawie wszystkie inne środowiska JavaScript obsługują pisanie wiadomości na konsoli przy użyciu zestawu metod rejestrowania. Najczęstszą z tych metod jest console.log() .

W środowisku przeglądarki funkcja console.log() jest używana głównie do celów debugowania.