37 JavaScript podstawy

PODSTAWY
JAVASCRIPT

M W P

ZAGADNIENIA

• Charakterystyka języka JavaScript

• Różnice między JavaScript i Java

• Zastosowanie JavaScript

• Sposoby umieszczania skryptu w dokumencie HTML

JAVASCRIPT

Jest językiem skryptowym dla dokumentów internetowych. Skrypty napisane za
pomocą JavaScript mogą być umieszczane bezpośrednio na stronach HTML.
Są one wykonywane za pomocą przeglądarki internetowej. Język daje obszerne
możliwości wzbogacania stron o interesujące elementy, np. zdefiniowanie reakcji
na działania zainicjowane przez czytelnika.

JAVASCRIPT I JAVA

Są to dwi odrębne techniki programowania w Internecie. Java jest językiem
programowania, natomiast JavaScript jest językiem skryptowym.

Java to wywodzący się z C++ w pełni obiektowy język programowania. Za jego
pomocą można tworzyć aplikacje niezależne od platformy sprzętowej.

JavaScript jest interpretowanym językiem służącym do tworzenia niewielkich
programów rozszerzających możliwości HTML-a w zakresie opisu stron.

PODSTAWOWE RÓŻNICE MIĘDZY
JĘZYKAMI JAVA ORAZ JAVASCRIPT

JavaScript

Java

Język jest interpretowany na komputerze
klienta.

Język jest kompilowany do tzw. b-kodu,
wykonywanego za pomocą wirtualnej.

Język jest oparty na predefiniowanych
obiektach, nie pozwala na stosowanie
mechanizmów programowania obiektowego.

Język jest zorientowany obiektowo z obsługą
wszystkich mechanizmów obiektowości.

Kod programu jest zagnieżdżony w kodzie
HTML.

Kod programu jest niezależny od kodu HTML i
znajduje się w oddzielnych plikach.

Zmienne i typy nie muszą być deklarowane
przed użyciem.

Zmienne i ich typ muszą być zadeklarowane
przed ich użyciem.

Odwołania do obiektów i funkcji są
wykonywane podczas uruchamiania programu.

Wszystkie odwołania do obiektów i funkcji są
sprawdzane na etapie kompilacji.

ZASTOSOWANIA JĘZYKA JAVASCRIPT

•
możliwość modyfikacji wyglądu bieżącego dokumentu,

•
wyświetlanie okien dialogowych,

•
sprawdzanie poprawności formularza,

•
dostęp do daty i czasu.

UMIESZCZANIE SKRYPTÓW

Skrypty JavaScript mogą być umieszczane wewnątrz kodu HMTL, są to tzw. skrypty osadzone.
Aby umieścić skrypt w HTML 4.01, należy użyć znacznika <script> w następujący sposób:

<script type="text/javascript">

kod skryptu

</script>

UMIESZCZANIE SKRYPTÓW

Drugą metodą umieszczenia skryptu w kodzie jest zapisanie go w oddzielnym pliku i użycie
znacznika <script> z parametrem src:

<script src="lokalizacja skryptu">

kod skryptu

</script>

Plik ze skryptem ma rozszerzenie js.

ATRYBUTY LOGICZNE

• Zastosowanie atrybutu async poskutkuje asynchronicznym wykonaniem skryptu, czyli jest
ono niezależne od czasu załadowania całej treści kodu. Oznacza to, że w razie załadowania
skryptu z zewnętrznego pliku będzie on wykonany podczas dalszego wczytywania źródła strony.

• Atrybut defer spowoduje, że przeglądarka wykona zewnętrzny skrypt dopiero wtedy, gdy kod
źródłowy strony zostanie wczytany w całości do przeglądarki.

BŁĘDY

Aby wyszukać błędy w poszczególnych przeglądarkach, należy wybrać określone polecenia:

•
w Mozilla Firefox - Narzędzia / Konsola błędów;

•
w Google Chrome-Narzędzia / Konsola JavaScript;

•
w Opera - Narzędzia / Zaawansowane / Konsola błędów.

SŁOWA KLUCZOWE

Są pisane małymi literami, a nazwy obiektów wbudowanych - od wielkiej litery. Nazwy obiektów
DOM są pisane małymi literami, ale w nazwach metod danych obiektów mogą być małe i wielkie
litery. Definiowanym zmiennym, funkcjom bądź obiektom można nadawać dowolne nazwy.

KOMENTARZE

Jeśli komentarzem jest tekst w jednym wierszu, używamy znaku //:

//Komentarz do instrukcji

Jeżeli komentarz zawiera wiele wierszy, używamy /* do rozpoczęcia
komentarza i */ do zakończenia komentarza.

SPRAWDŹ SWOJĄ WIEDZĘ

1.

Co to jest JavaScript?

2.

Wymień sposoby umieszczania skryptu w dokumencie HTML.

3.

Czym różni się JavaScript od Javy?

4.

Opisz sposoby wprowadzania komentarzy w skrypcie.

5.

Do czego służą atrybuty async i defer?

6.

W jaki sposób w danej przeglądarce można zapoznać się z błędami w napisany::
kodzie?

DZIĘKUJĘ!

M A LWA G P I E @ G M A I L . C O M