[ Pobierz całość w formacie PDF ]
wiele kodów formatowania. Przeglądarki nie potrafią obsługiwać takich kodów. Do
zapisania skryptu możemy zatem wykorzystać procesor tekstu, ale powinniśmy pa-
miętać, aby zapisać plik w formacie zwykłego tekstu (ASCII). Często jest z tym więcej
problemów niż jest to warte. Z drugiej strony, edytor tekstowy zapisuje tekst w formacie
ASCII, bez dodawania zastrzeżonych kodów, które są niezrozumiałe dla przeglądarki
WWW. Posługując się edytorem tekstu można również w stosunkowo prosty sposób
zapisać pliki z rozszerzeniem .htm lub .html.
W tej książce będziemy konsekwentnie wykorzystywać rozszerzenie .htm. Przeglą-
darki na 32-bitowych platformach Windows traktujÄ… pliki z rozszerzeniem .htm tak
samo, jak pliki z rozszerzeniem .html. Na niektórych platformach jednak dozwolone
jest wykorzystanie jedynie trzyliterowych rozszerzeń. Jeżeli wykorzystujemy taką plat-
formę, wówczas będziemy mogli posługiwać się jedynie rozszerzeniem .htm.
Użytkownicy Windows z pewnością mają zainstalowaną jakąś wersję Notatnika. Aby go
uruchomić, należy kliknąć ikonę Notatnik w menu Start, Programy, Akcesoria. Notatnik
1
Przez procesor rozumie się tutaj złożony edytor tekstowy, taki jak Microsoft Word, zaś edytorem
nazywany jest zwykle prosty edytor w rodzaju systemowego Notatnika Windows przyp. tłum.
RozdzIał 1. f& Podstawy33
będzie odpowiednim narzędziem do tworzenia większości skryptów JavaScript, ale
jeżeli pliki osiągną zbyt duże rozmiary, możemy skorzystać z edytora WordPad lub po-
brać bardziej zaawansowany edytor tekstu np. TextPad. Dla użytkowników systemu
MacOS wystarczy na początek edytor SimpleText, ale w miarę tworzenia dłuższych
i bardziej skomplikowanych skryptów może przydać się edytor posiadający więcej
funkcji, jak choćby BBEdit.
Większość zrzutów ekranów w tej książce wykonano posługując się Notatnikiem oraz
przeglądarką Netscape 6 dla platformy Windows. Czytelnicy mogą pracować w innym
systemie operacyjnym, np. MacOS lub jednej z odmian systemu UNIX, zatem wyniki
uzyskane na ekranie mogą się nieco różnić od pokazanych w książce. Jeżeli uzyskamy
nieco inny wynik, nie powinniśmy się tym zbytnio przejmować. Różne przeglądarki
na różnych platformach wyświetlają elementy w nieco odmienny sposób, ale dane
pozostajÄ… te same.
Po utworzeniu skryptów należy je oczywiście przetestować, aby upewnić się, że działają
oraz działają tak, jak tego oczekujemy. Fakt, iż Czytelnicy interesują się nauką Java-
Script świadczy o tym, że z pewnością potrafią posługiwać się przeglądarkami WWW,
np. Microsoft Internet Explorer lub Netscape Navigator. O ile tylko nasza przeglÄ…darka
potrafi obsługiwać skrypty JavaScript i ma włączoną obsługę tego języka, na tym etapie
wybór konkretnej przeglądarki nie ma znaczenia. Zarówno przeglądarka Netscape
w wersji 6, jak i dowolna z ostatnich wersji przeglÄ…darki Internet Explorer pozwoli na
przeglądanie wyników działania naszych skryptów.
Podczas nauki języka JavaScript dobrze jest mieć dostęp do kilku przeglądarek WWW,
aby móc przetestować kod we wszystkich tych przeglądarkach. Podczas przeglądania
skryptów w wielu przeglądarkach dobrze jest znać różnice w wyglądzie stron WWW
oraz w sposobie działania elementów interaktywnych. Wiedząc o tych różnicach, bę-
dziemy zdawać sobie sprawę z tego, co widzą użytkownicy, którzy odwiedzają nasze
strony WWW.
Oto lista niektórych dostępnych obecnie przeglądarek WWW wraz z adresami URL,
pod którymi możemy je pobrać, jeżeli jeszcze nie zainstalowaliśmy ich w naszym
komputerze:
Internet Explorer. Najnowsza wersja tej przeglądarki to 6.0. Można ją pobrać
pod adresem http://www.microsoft.com/windows/ie/. Jeżeli dysponujemy
wcześniejszą wersją przeglądarki Internet Explorer i chcemy ją uaktualnić,
powinniśmy otworzyć przeglądarkę Internet Explorer, przejść do menu
Narzędzia i wybrać polecenie Windows Update, co spowoduje zainicjowanie
procesu uaktualniania naszej przeglądarki. Jeżeli nigdy wcześniej tego
nie robiliśmy, bądzmy przygotowani na to, że może to trochę potrwać,
gdyż może się zdarzyć, że przed pobraniem nowej wersji przeglądarki
Internet Explorer będziemy zmuszeni pobrać kilka kluczowych aktualizacji.
Netscape Navigator 4.7 można pobrać pod adresem http://home.netscape.com/
browsers. Ze strony tej można także uzyskać dostęp do szeregu przeglądarek
firmy Netscape.
Przeglądarkę Netscape Navigator 6.2 można znalezć pod adresem
http://home.netscape.com/browsers/.
34 JavaScrIpt dIa każdego f& Część I
Przeglądarkę Mozilla można pobrać pod adresem http://mozilla.org/releases/.
Opera 6 jest dostępna pod adresem http://www.opera.com/download/.
Aby korzystać z przeglądarki, nie musimy być połączeni z Internetem. Strony WWW
zapisane w naszym komputerze można ładować i przeglądać lokalnie.
Podstawowe sprawy do zapamiętania
Przedstawimy teraz pewne podstawowe zasady, o jakich należy pamiętać podczas
tworzenia skryptów w języku JavaScript. Z czasem będziemy je stosować niemal od-
ruchowo, ale zanim to nastąpi, powinniśmy przestrzegać ich świadomie w trakcie pi-
sania skryptów.
Rozróżnianie wielkich i małych liter
W języku JavaScript wielkość liter ma znaczenie. Stosując zatem wielkie i małe litery
w tworzonych nazwach zmiennych lub stałych języka JavaScript, należy być bardzo
uważnym i zachować konsekwencję. Bardzo popularny błąd, jaki przytrafia się począt-
kującym programistom, polega na nadaniu nazwy zmiennej lub funkcji, a następnie
ponownym jej zapisaniu, ale z różną wielkością liter dla jednego lub więcej znaków.
W krótkim skrypcie taki błąd jest łatwy do zauważenia, ale w dłuższych skryptach
będzie bardzo trudno wykryć, skąd on pochodzi. Tak więc, jeżeli nadamy jakiemuś
elementowi nazwę Element , musimy za każdym razem odwoływać się do niego
wykorzystując tę samą wielkość liter. Jeżeli tego nie zrobimy, wystąpi błąd lub uzy-
skamy nieoczekiwane wyniki.
Zredniki
Dobrą praktyką jest zwyczajowe kończenie każdej instrukcji JavaScript średnikiem.
Nie stanowi to wymogu; w rzeczywistości jest potrzebne tylko wtedy, gdy chcemy
umieścić co najmniej dwie instrukcje JavaScript w jednym wierszu. Często tak się zdarza
w czasie tworzenia konstrukcji pętli , którą opisano w dalszych rozdziałach.
Znaki końca wiersza
Dzięki znakom końca wiersza nasz kod stanie się bardziej czytelny. Im dłuższy kod,
tym bardziej istotna jest jego czytelność.
Odstępy
Znaki odstępów (spacje, tabulatory, znaki końca wiersza) nie są widoczne na ekranie,
lecz tworzą odstępy w kodzie. Oprócz tych spacji, które są potrzebne do oddzielenia
poszczególnych elementów kodu JavaScript, interpreter języka ignoruje nadmiarowe
odstępy. Tak więc kod:
RozdzIał 1. f& Podstawy35
można zapisać jako:
Chociaż interpreter języka JavaScript dopuszcza wpisywanie kodu w ten sposób, to
jednak zapis taki powoduje, że dla większości użytkowników czytanie i rozumienie
kodu staje się trudniejsze. Zamysłem, który kryje się za ignorowaniem nadmiarowych
odstępów w języku JavaScript jest umożliwienie wpisywania kodu w taki sposób, aby
można było łatwo wydzielić główne elementy struktur kodu. Dzięki zastosowaniu od-
stępów podczas tworzenia struktury naszego kodu, stanie się on dla nas bardziej czytelny.
Na przykład, jeżeli mamy fragment kodu zapisany pomiędzy nawiasami klamrowymi:
to możemy wykorzystać odstępy, aby kod ten stał się bardziej czytelny:
Dzięki temu, że nawiasy okrągłe otwierający i zamykający są zapisane w od-
dzielnych wierszach, w obu przypadkach na początku wiersza, możemy z łatwością
[ Pobierz całość w formacie PDF ]