Podstawy programowania

JavaScript

Literatura

• Marcin Lis, JavaScript – ćwiczenia praktyczne,

Wydanie II, Helion, Gliwice 2007.

• Dave Thau, JavaScript – Podręcznik tworzenia

interaktywnych stron internetowych
(tłumaczenie z angielskiego), Wydanie II,
Helion, Gliwice 2007.

Czym jest JavaScript?

• W 1995 roku w wyniku porozumienia pomiędzy

Netscape i Sun Microsystem – ujrzał światło dzienne
język skryptowy rozszerzeń HTML opracowany przez
Brendan Eich. Język nazwano JavaScript.

• Język ten umożliwia tworzenie zagnieżdżonych w

kodzie HTML krótkich programów, które mogą
wykonywać najrozmaitsze zadania, np. potrafią
rozpoznać i odpowiednio zareagować na zdarzenia
powodowane przez użytkownika.

• Przykładowo, można stworzyć skrypt, który będzie

sprawdzał poprawność danych wprowadzanych prze
użytkownika do formularza i sygnalizował ewentualne
błędy, bez konieczności komunikowania się ze
zdalnym serwerem.

Standardy JavaScript

• Można się spotkać z nazwami JavaScript,

JScript oraz ECMAScript. JScript to nazwa

wersji języka nadana przez Microsoft, zaś

ECMAScript to nazwa standardu wspólnego

dla języków JavaScript i JScript.

• Wersji v1 ECMAScript odpowiada JavaScript

ver. 1.3 oraz JScript ver 3.0.

• Wersji v3 ECMAScript odpowiada JavaScript

ver. 1.5 oraz JScript ver 5.5 oraz 5.6.

• Wersji v4 ECMAScript odpowiada JavaScript

ver. 2.0 oraz JScript ver .NET.

Umieszczanie skryptów w

dokumencie HTML

• Kod JavaScript umieszczamy pomiędzy parą znaczników:

<script type=‘type’> i </script>

• Parametr type jest obligatoryjny i wskazuje na język skryptu.

W naszym przypadku będzie to ciąg znaków: text/javascript.

• Skrypt może również być umieszczony w osobnym pliku,

mówimy wtedy o skrypcie zewnętrznym. W tym przypadku
konstrukcja znacznika <skrypt> będzie miała postać:
<script type= ”text/javascript” src=”lokalizacja skryptu”>
</script>

• Plik ze skryptem może mieć dowolną nazwę, zwykle

przyjmuje się jednak, że ma on rozszerzenie js.

Przykład skryptu

<script type=”text/javascript”>
<!-- Ukrycie skryptu przed przeglądarkami, które nie obsługują JavaScript
var zmienna1 = ”mój komputer”;
var zmienna2 = 350;
document.writer( zmienna1 + ” ma dysk o pojemności ” + zmienna2 + ”GB.”);
// Koniec kodu JavaScript - - >
</script>

Współpraca z przeglądarką

• Oprócz dostępnych standardowo w JavaScript obiektów

takich jak: Math, Date czy Array, do dyspozycji mamy
również obiekty związane z przeglądarką. Dzięki nim
nasze skrypty mogą korzystać z wielu informacji
udostępnianych przez przeglądarkę, a także mogą
mieć wpływ na „zachowanie” i wygląd strony WWW.

• Obiekty związane z przeglądarką tworzą strukturę

hierarchiczną określaną jako DOM (Document Object
Model). Na szczycie hierarchii stoi obiekt window,
który reprezentuje okno przeglądarki, a elementami
tego obiektu są inne obiekty, np. document, który
reprezentuje dokument HTML.

• Kolejnymi obiektami składowymi obiektu document są

elementy obiektu body.

Uproszczony model drzewa

DOM

window

document

history

locati
on

navigator

screen

elementy obiektu body

elementy obiektu history

elementy obiektu location

elementy obiektu navigator

elementy obiektu screen

Ograniczenia języka

JavaScript

• JavaScript posiada szereg ograniczeń, jednak są one

naturalne i nieuniknione z punktu widzenia głównego celu

stawianego przed tym językiem: tworzenie elementów

interaktywnych na stronach.

• Brak możliwości nawiązania połączenia z serwerem.

JavaScript działa całkowicie w ramach przeglądarki

internetowej i nie daje możliwości nawiązania połączenia

z innymi komputerami, a więc zadania wymagające

takiego połączenia nie mogą zostać zrealizowane za

pomocą tego języka.

• Brak możliwości tworzenia grafiki. Drugim podstawowym

ograniczeniem JavaScript jest brak możliwości

generowania grafiki. JavaScript daje jedynie możliwość

manipulowania już istniejącymi elementami graficznymi

(plikami GIF i JPEG).

• Największą jednak wadą JavaScript są pewne różnice w

działaniu skryptów na różnych rodzajach przeglądarek.