@t - magazyn internetowy

Co to jest JavaScript?
Java Script (w skr≤ci: JS) jest jΩzykiem skryptowym opracowanym specjalnie do potrzeb stron internetowych. Skrypty napisane za pomoc▒ JavaScript mog▒ byµ umieszczane bezpo╢rednio na stronach HTML. JΩzyk ten daje obszerne mo┐liwo╢ci wzbogacania stron w interesuj▒ce elementy. DziΩki temu jΩzykowi mo┐na np. uzale┐niµ wykonanie jakiej╢ instrukcji od reakcji osoby przegl▒daj▒cej dan▒ stronΩ. JavaScript ma te┐ szerokie zastosowanie w tworzeniu formularzy. Umo┐liwia wnikanie w ich tre╢ci i sprawdzanie poprawno╢ci wype│nienia poszczeg≤lnych p≤l czy zaznaczenie odpowiednich opcji. Poznawszy jΩzyk JavaScipt mo┐na wykonywaµ rzeczy, o kt≤rych do tej pory mo┐na by│o tylko pomarzyµ.

Co muszΩ mieµ, aby uruchomiµ JS?
Java Script nie istnieje od zawsze, dlatego aby uruchomiµ skrypt napisany w tym jΩzyku trzeba posiadaµ przegl▒darkΩ internetow▒ Netscape Navigator 2.0+ lub Internet Explorer w wersji 3.0+. Poza tym r≤┐nice wystΩpuj▒ce miΩdzy tymi przegl▒darkami powoduj▒ to, i┐ niekt≤re skrypty mog▒ poprawnie dzia│aµ np. tylko w Navigatorze, a inne tylko w Explorerze.

Co muszΩ umieµ, aby zrobiµ po┐ytek z tego kursu?
Po pierwsze i zarazem jedyne: musisz znaµ podstawy HTML'a, gdy┐ HTML to podstawa. Je┐eli nie znasz HTML'a to siΩ go naucz (jest wiele stron internetowych z kursami) i wr≤µ do tego artyku│u p≤╝niej. W przeciwnym razie mo┐esz dalej nie czytaµ, gdy┐ i tak nie bΩdziesz wiedzia│ o co chodzi.

A wiΩc... zaczynamy!

Umieszczanie skryptu na stronie
Aby umie╢ciµ skrypt na stronie trzeba zastosowaµ parzysty tag <script> </script>. Jako atrybut podaje siΩ language="JavaScript". Instrukcje powinno siΩ umieszczaµ jako komentarze w celu ukrycia ich przed przegl▒darkami nie obs│uguj▒cymi JavaScriptu.

Skrypty mog▒ byµ r≤wnie dobrze umieszczane w sekcji <BODY>. Przyk│ad przedstawia jedynie zastosowanie znacznika <script>

Pierwsza instrukcja
Tym razem zaczniemy od przyk│adu:

<html>
<body>
HTML<BR>
<script languge="JavaScript">
<-- /* W skryptach tak┐e
mo┐na umie╢ciµ komentarz*/
document.write('JavaScript<BR>') //Nowa instrukcja
-->
</script>
I zn≤w HTML
</body>
</html>

Wynik:

HTML
JavaScript
I zn≤w HTML

Nowa jest tu instrukcja document.write('jaki╢ tam tekst to wpisania'). Umieszcza ona na stronie to co znajduje siΩ miΩdzy (' i '), z tym ┐e traktuje to jako fragment kodu HTML. St▒d w naszym przyk│adzie wziΩ│a siΩ instrukcja <BR> miΩdzy apostrofami. S▒ tu tak┐e umieszczone dwa typy komentarzy. Komentarz taki:
instrukcje... //jaki╢ tam komentarz
Ko±cem takiego komentarza jest koniec linii, dlatego nie mo┐na po nim stosowaµ ┐adnych instrukcji. Drugi typ komentarza to:
instrukcje /* jaki╢ tam
komentarz */ instrukcje
Tutaj jest podobnie jak w HTML'u - otwieramy i zamykamy.

Zmienne.
Zmienne (z ang. variables) definiuje siΩ za pomoc▒ instrukcji var nazwa_zmiennej. Zmienn▒ mo┐na tak┐e zadeklarowaµ przypisuj▒c do niej warto╢µ. Znakiem przypisania jest = Tak wiΩc wygl▒da przypisanie warto╢ci do zmiennej: nazwa_zmiennej=liczba lub nazwa_zmiennej='jaki╢ tam tekst'. Zmienna jest odpowiedniego typu w zale┐no╢ci od tego co siΩ do niej przypisze (liczbΩ czy tekst). Wa┐na jest te┐ wielko╢µ liter. Zmienna zadeklarowana jako numer a wywo│ana jako Numer spowoduje b│▒d.

Wynik:
Znam Java Script od 120 lat.

Jak widaµ na zmiennych mo┐na wykonywaµ dzia│ania.

Instrukcja warunkowa
Instrukcja warunkowa por≤wnuje zmienne lub warto╢ci i w zale┐no╢ci od wyniku por≤wnania wykonuje r≤┐ne instrukcje.
Sk│adnia instrukcji warunkowej:

if (warunek){
instrukcje je┐eli warunek jest spe│niony}
else{
instrukcje je┐eli warunek nie jest spe│niony}

Warunek jest por≤wnaniem dw≤ch warto╢ci lub zmiennych np:

if(zmienna1<zmienna2){
document.write('Pierwsza zmienna jest mniejsza')}
else{
document.write('Druga zmienna jest mniejsza')}

Mo┐na te┐ u┐yµ takich oznacze± jak: != (jest r≤┐na); > (jest wiΩksza); >= (wiΩksza lub r≤wna); <=(mniejsza lub r≤wna). Aby sprawdziµ czy warto╢ci s▒ r≤wne trzeba u┐yµ podwojonego znaku r≤wno╢ci ==, gdy┐ pojedynczy znak r≤wno╢ci s│u┐y do przypisania warto╢ci zmiennej.

Funkcje
Funkcja jest zbiorem instrukcji, po│▒czonych ze sob▒ w jedn▒ ca│o╢µ. Funkcje mog▒ byµ wywo│ywane wiele razy, z r≤┐nymi parametrami i z r≤┐nych miejsc dokumentu. Sk│adnia funkcji:

function nazwa_funkcji(zmienna1,zmienna2,itd){
instrukcje...}

Funkcje wywo│uje siΩ w taki spos≤b:

nazwa_funkcji(zmienna1,zmienna2,itd)

Ca│a funkcja, a wiΩc wszystkie instrukcje zawarte s▒ miΩdzy znacznikami { }. Wszystko co tu pozna│e╢ i jeszcze trochΩ wiΩcej jest wykorzystane w artykule "Java Script-ochrona has│em" (jest w tym, albo bΩdzie w nastΩpnym numerze).

I to by by│o na tyle. Wszelkie uwagi, pytania i sugestie proszΩ wysy│aµ tutaj albo tu, na pewno odpowiem.

Maverick
maverick24@wp.pl