[ Pobierz całość w formacie PDF ]
pominie go, traktując właśnie jako zwykły komentarz.
wiczenie 2.4.
Ukryj kod skryptu przed przeglądarkami nieobsługującymi JavaScript.
Powyższe ćwiczenie obrazuje użycie komentarzy znanych z j¹ zyka HTML. W Java-
Script mamy natomiast dwie nowe możliwości zastosowania komentarza. Obie są zapo-
życzone z j¹ zyków programowania takich C, C++ czy Java. Pierwszy typ komentarza
skÅ‚ada si¹ z dwóch ukoÅ›ników: (komentarz ten zostaÅ‚ zastosowany w poprzednim
przykładzie, bowiem wczesne wersje przeglądarki Netscape Navigator nie rozpozna-
waÅ‚y poprawnie sekwencji umieszczonej mi¹ dzy etykietami ). Zaczyna si¹
on wtedy od miejsca wystąpienia tych dwóch znaków i obowiązuje do końca danego
wiersza.
wiczenie 2.5.
Użyj komentarza skÅ‚adajÄ…cego si¹ z dwóch ukoÅ›ników do opisania kodu skryptu.
Rozdział 2. Pierwsze skrypty 11
Komentarz może si¹ również zaczynać od sekwencji i koÅ„czyć . W takim przypadku
wszystko, co znajduje si¹ pomi¹ dzy tymi znakami, uznane zostanie za komentarz.
wiczenie 2.6.
Użyj komentarza blokowego do opisania kodu skryptu.
W jaki sposób jednak poinformować użytkownika przeglądarki nieobsługującej Java-
Scriptu, że strona taki skrypt zawiera, tylko nie został wykonany? Z pomocą przyjdą
nam również komentarze.
wiczenie 2.7.
Napisz kod, który po wczytaniu do przeglądarki nieobsługującej JavaScript wyświetli
stosowny komunikat.
12 JavaScript. wiczenia praktyczne
Przeglądarka nieobsługująca skryptów po napotkaniu nieznanej sobie etykiety
ignoruje jÄ…, nast¹ pnie wyÅ›wietla dwa kolejne wiersze, traktujÄ…c je jako zwykÅ‚y HTML.
Nast¹ pne wiersze sÄ… dla niej komentarzem, wi¹ c je pomija. Z kolei dla przeglÄ…darki ob-
sÅ‚ugujÄ…cej skrypty komentarzem sÄ… dwa wiersze nast¹ pujÄ…ce po etykiecie i to
one sÄ… pomijane, natomiast kod z piÄ…tego wiersza skryptu (
) jest interpretowany i wykonywany.
Jest też jeszcze inny sposób na wykonanie tego zadania. Przeglądarki Netscape Navigator
oraz Internet Explorer, obie od wersji 3.0, akceptujÄ… dodatkowy znacznik .
Dzi¹ ki niemu możemy osiÄ…gnąć podobny efekt. W tym przypadku tekst, który ma być
wyÅ›wietlony, gdy wyÅ‚Ä…czymy skrypty w danej przeglÄ…darce, umieszczamy pomi¹ dzy
znacznikami i .
wiczenie 2.8.
Użyj znacznika do poinformowania użytkownika, że jego przeglądarka nie
obsługuje JavaScriptu.
Na rysunku 2.3 widoczny jest efekt działania powyższego kodu w przeglądarce Netscape
Navigator po wyłączeniu działania skryptów.
Rysunek 2.3.
Zastosowanie znacznika
do poinformowania
użytkownika, że jego
przeglÄ…darka nie
obsługuje JavaScriptu
Rozdział 2. Pierwsze skrypty 13
Argumenty poznanych wyżej funkcji i są traktowane przez przeglą-
dark¹ jak tekst w HTML-u. Oznacza to, że możemy w Å‚aÅ„cuchach wyÅ›wietlanych zna-
ków wstawić praktycznie dowolne znaczniki formatujące tekst.
wiczenie 2.9.
Użyj znaczników HTML formatujących tekst w argumentach funkcji i ,
tak by osiągnąć efekt jak na rysunku 2.4.
Rysunek 2.4.
Efekt użycia
znaczników HTML
w argumentach
funkcji write()
i writeln()
Oprócz znaczników HTML w wyświetlanych łańcuchach znakowych mogą też pojawić
si¹ znaki specjalne, takie jak np. rozpocz¹ cie nowego wiersza. JeÅ›li chcemy wyÅ›wietlić
znak specjalny, musimy zastosować sekwencj¹ ukoÅ›nik (backslash) plus litera sym-
bolizujÄ…ca dany znak. Sekwencje te przedstawione sÄ… w tabeli 2.1.
Tabela 2.1. Sekwencje znaków specjalnych
Sekwencja znaków specjalnych Znaczenie
backspace
wysuni¹ cie kartki (ang. form feed)
nowy wiersz (ang. new line character)
enter (ang. carriage return)
tabulator (ang. tab character)
14 JavaScript. wiczenia praktyczne
Podobnie, jeżeli chcemy wyświetlić cudzysłów lub sam ukośnik (backslash ), musimy
go poprzedzić znakiem backslash.
wiczenie 2.10.
Używając funkcji wyprowadz na ekran tekst zawierający znak cudzysłowu oraz
ukośnik (rysunek 2.5).
Rysunek 2.5.
Wyprowadzenie
na ekran znaków
specjalnych
W ten sam sposób możemy również pokusić si¹ o wyÅ›wietlenie grafiki. Jeżeli argu-
mentem funkcji b¹ dzie znacznik z odpowiednim URL-em jako parame-
trem, przeglądarka wyświetli na stronie wskazany w ten sposób obrazek np.
Oczywiście, plik o lokalizacji /javasc/gfx/grafika1.gif musi istnieć, abyśmy mogli zoba-
czyć efekt w oknie przeglądarki. Formalnie rzecz biorąc, powinniśmy wartość argu-
mentu ująć w cudzysłów, zatem zgodnie z tym, co wiemy już o znakach specjalnych,
konstrukcja powinna wyglÄ…dać nast¹ pujÄ…co:
wiczenie 2.11.
Użyj funkcji do wyświetlenia na ekranie pliku graficznego (rysunek 2.6).
Rozdział 2. Pierwsze skrypty 15
Rysunek 2.6.
Przykład użycia
funkcji write()
do wyświetlenia
pliku graficznego
Nauczymy si¹ teraz, jak wyÅ›wietlić na ekranie najprostsze okienko dialogowe. Okno takie
służy zwykle do poinformowania użytkownika o wystąpieniu jakiegoś zdarzenia. Naj-
cz¹ Å›ciej chodzi o sytuacje, w której wystÄ…piÅ‚ bÅ‚Ä…d. Na taki charakter prezentowanej
metody wskazuje już sama nazwa: . Może ona przyjmować jako parametr ciąg
znaków, który zostanie wyświetlony na ekranie.
wiczenie 2.12.
Wyświetl na ekranie okno dialogowe z dowolnym napisem.
Nasze okno wyglÄ…da jak na rysunku 2.7. Wykonywanie kodu jest wstrzymane do czasu,
kiedy użytkownik kliknie przycisk OK. Dokładniej rzecz biorąc, w taki sposób powinna
si¹ zachować wi¹ kszość współczesnych przeglÄ…darek. Tekst wyÅ›wietlany w oknie dia-
logowym możemy formatować, używając do tego celu znaków specjalnych (tabela 2.1),
podobnie jak w przypadku funkcji .
16 JavaScript. wiczenia praktyczne
Rysunek 2.7.
Użycie funkcji alert()
do wyświetlenia okna
dialogowego
wiczenie 2.13.
Wyświetl na ekranie okno dialogowe z tekstem w dwóch wierszach (jak na rysunku 2.8).
Rysunek 2.8.
Użycie znaków
specjalnych
formatujÄ…cych tekst
w oknie dialogowym
Spowoduj, aby po klikni¹ ciu przez użytkownika przycisku OK na ekranie pojawiÅ‚ si¹ plik
graficzny.
[ Pobierz całość w formacie PDF ]