![]() ![]() ![]() ![]() ![]() ![]() |
||||||||||||||||||
|
KURS HTML W tym miesiącu, tak jak wcześniej obiecałem (a słowa zazwyczaj dotrzymuję), nagryzmolę co nieco o tym, co to jest właściwie ten "dżawaskript" :), do czego służy, czym się on różni od języka Java (bo wbrew pozorom, Java i JavaScript, to dwie różne rzeczy, które ludzie baardzo często mylą), no i spróbujemy napisać pierwsze (na razie proste) skrypty... Zabawa przy JS jest gwarantowana. Jeśli ktoś kiedykolwiek miał do czynienia z jakimkolwiek językiem programowania, to bez problemu załapie, o co chodzi w JS... A więc, żeby już nie przedłużać, otwieramy nasz teatrzyk... Co to jest JavaScript?
JavaScript został stworzony z myślą o rozszerzeniu możliwości HTMLa. Sami na pewno już nie raz się przekonaliście, że HTML oferuje bardzo ograniczone pole działania. Strony napisane w samym HTMLu są statyczne. Niby można umieścić jakieś animowane GIFy na stronie, ale one działają niezależnie od Ciebie. Nie możesz wpłynąć na ich kształt, działanie, za pomocą kliknięcia... JavaScript służy do pisania skryptów, które wprowadzają dynamikę na stronach WWW, różnych rolloverów (przykład takiego rolloveru zamieściłem bodajże w trzecim numerze 'Webmastera'), a także bardziej skomplikowanych rzeczy. JS działa po stronie klienta, dzięki czemu gość odwiedzający stronę może wpływać na działanie skryptów... W 1996 roku, firma Netscape (we współpracy z Sun Microsystems), która rywalizuje z Microsoftem w dziedzinie oprogramowania internetowego, stworzyła JavaScript i umieściła go w swoim Netscape Navigator 2. Naturalnie, czym prędzej firma Williama H. Gatesa zastosowała tą, mającą duże możliwości, technologię w Internet Explorerze. JS rozwija się w bardzo szybkim tempie i, niestety, coraz bardziej różnią się sposoby zapisywania skryptów dla IE i dla NN. W wielu przypadkach, trzeba "zaśmiecać" skrypt instrukcjami warunkowymi: "Jeśli przeglądarka to IE, zapisz to, a jeśli NN, to zapisz tamto". Jest to bardzo denerwujące dla samego programisty, kiedy trzeba sprawdzać, czy skrypt, który świetnie działa w IE, działa też w NN. Mogliby już się dogadać, żeby tak samo się to zapisywało, a nie żebyśmy MY musieli się męczyć z zapisem oddzielnie dla IE i dla NN! Dobrze godom? :))
Tak jak już we wstępie powiedziałem, Java i JavaScript są to dwie, całkowicie odmienne rzeczy. JavaScript jest językiem skryptowym, natomiast Java jest, w pełnym tego słowa rozumieniu, językiem programowania. JavaScript służy do pisania skryptów, a Java - do pisania programów, zwanych apletami. JS umieszcza się w kodzie HTML, a Javę - nie. Java jest potężnym i bardzo skomplikowanym językiem, natomiast JS jest niezwykle prosty. Jak umieścić skrypt w dokumencie?
Istnieją cztery najczęściej używane sposoby wstawiania skryptu do dokumentu. IMHO najprostszym sposobem jest wstawienie (jeszcze w sekcji HEAD dokumentu) poleceń pomiędzy znacznikami <SCRIPT></SCRIPT>. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!-- Drugim sposobem jest użycie zewnętrznego pliku ze skryptem (w formacie *.js) i wstawienie go do dokumentu, dodając do znacznika <SCRIPT> (pamiętajcie o zamknięciu znacznika!) parametr: SRC="sciezka_do_pliku.js". Wyglądać więc to będzie następująco: <SCRIPT SRC="plik_ze_skryptem.js" LANGUAGE="JavaScript" TYPE="text/javascript"></SCRIPT> Trzecim sposobem jest zastosowanie protokołu "javascript:". Ciąg znaków wprowadzony do paska adresu, poprzedzony protokołem "javascript:" zostanie zinterpretowany przez przeglądarkę jako polecenie JavaScriptu, a nie jako adres internetowy. To samo możemy wykorzystać w odsyłaczach (<A>) w parametrze HREF. Po naciśnięciu na taki link, nie "wyrzuci" nas na stronę podaną w HREF, a zostanie wykonane polecenie, wpisane po "javascript:". Przykład (link ten będzie działał jak przycisk {Odśwież} przeglądarki):<A HREF="javascript:location.reload()">Odśwież</A> Wreszcie czwartym sposobem jest wywołanie jakiegoś zdarzenia jeśli zajdą określone okoliczności, np. jeśli ktoś najedzie kursorem myszy nad dany element, czy naciśnie jakiś klawisz... Takimi "określonymi okolicznościami" są (najczęściej używane):
Aby wstawić taką "okoliczność" dopisujemy ją jako atrybut do taga (najczęściej do <A> i <BODY>). Przykład: <BODY onLoad="alert('Dokument jest ładowany')"> Jak widzicie, gdy dokument jest ładowany, wyskoczy okienko typu "alert" z napisem "Dokument jest ładowany". Warto przy tej okazji wspomnieć też jak stosujemy cudzysłowia w takich przypadkach. Jak pewnie zauważyliście, w powyższym przykładzie, po zastosowaniu cudzysłowia otaczającego całą funkcję "alert()" w środku stosowałem już tylko pojedyncze apostrofy. Jest to ważne, ponieważ gdyby skrypt napotkał w trakcie znowu cudzysłów, to wtedy chciałby kończyć skrypt. Cudzysłowia jest to jeden z najczęściej spotykany błąd u początkujących programistów JS! Warto więc sobie zapamiętać, że jeśli w jednym stringu (ciągu znaków) wykorzystaliście już jeden typ cudzysłowia, to teraz możecie stosować tylko drugi...Różne (na razie proste) przykłady Pierwszy przykład będzie przykładem użycia "okoliczności" onClick i funkcji alert(). Po naciśnięciu na przycisk (onClick) zostanie wywołana funkcja alert() (a więc wyskoczy okienko typu "alert"). <FORM> <A HREF="javascript:window.external.AddFavorite('http://www.cdaction.com.pl/', 'Strona CDA')">Dodaj stronę do Ulubionych</A> Co za miesiąc? Za miesiąc postaram się Wam dokładnie opisać zmienne w JavaScripcie oraz operatory. Potem jeszcze tylko: funkcje, pętle, obiekty, metody, tablice, daty, czas, warstwy... No, jeszcze trochę tego zostało. :)) Ale gwarantuję Wam przy tym fantastyczną zabawę! Do następnego numeru! | ||||||||||||||||||