Reguły
kompilowania skryptów
Programiści JavaScriptu ustalili dwie reguły
kompilacji skryptów:
Wszelkie skrypty zostaną skompilowane dopiero po
ściągnięciu całej strony przez przeglądarkę.
Skrypty dołączone do strony w zewnętrznych
plikach (odczytywane znacznikami SCRIPT z atrybutem src) zostają skompilowane przed
skryptami wbudowanymi w stronę.
Jak
wstawić kod JavaScript ?
Podstawowym znacznikiem odnoszącym się do skryptów
JavaScript jest znacznik <SCRIPT>. Najogólniej ma on postać.
<SCRIPT atrybuty>Instrukcje skryptu
JavaScript</SCRIPT>
Znacznik otwierający <SCRIPT> może mieć dwa atrybuty. Pierwszy z nich to atrybut
"language" (języka):
<SCRIPT language="JavaSript">
Jest to standardowo spotykana postać znacznika otwierającego skrypty JavaScript. Koniec
sekcji ze skryptem zaznacza się znacznikiem zamykającym w postaci </SCRIPT>.
Alternatywą do wstawiania skryptu JavaScript do wnętrza dokumentu HTML jest wstawienie
tam odsyłacza do takiego skryptu zapisanego gdzieś w osobnym pliku tekstowym; działać
będzie to identycznie. Oto ogólny format znacznika skryptu w tej postaci:
<SCRIPT src="Lokalizator URL pliku ze
skryptem"></SCRIPT>
Ten sposób pozwala wykorzystać ten sam kod JavaScript na wielu stronach WWW bez
konieczności powielania go na każdej z nich. Plik ze skryptem JavaScipt musi mieć
nazwę z rozszerzeniem .js jak w następującym przykładzie:
<SCRIPT
src="http://twoja_strona/jakas_nazwa.js"></SCRIPT>
W przypadku skryptu umieszczanego bezpośrednio w treści dokumentu, wszystkie instrukcje
tworzące skrypt muszę znaleźć się w obrębie pary znaczników <SCRIPT>
</SCRIPT>. Przykład ze skryptem na stronie WWW może wyglądać następująco:
<HTML><HEAD>
<TITLE>Test skryptu</TITLE>
</HEAD><BODY>
<H1>Teraz zacznie działać skrypt JavaScript</H1>
<SCRIPT language="JavaScript">
Tu wpisuje się instrukcje skryptu
</SCRIPT>
</BODY></HTML>
Zauważ, że cały kod JavaScriptu używany na danej stronie musi zostać umieszczony w
obrębie pojedyńczej pary znaczników <SCRIPT>: takich par może być wiele na
stronie.
Miejsce umieszczania skryptu na stronie nie ma znaczenia: i tak zostanie on skompilowany
dopiero po zakończeniu wczytywania strony.
Przeglądarki
nie rozpoznające JavaScriptu
Niektóre starsze przeglądarki mogą nie rozumieć
JavaScriptu dlatego należałoby zadbać aby nasz skrypt stał się nie widoczny dla tych
przeglądarek.Robimy to bardzo prosto,a mianowicie pomiędzy znacznikiem <script
language="JavaScript"> a </script> wstawiamy tag edytora komentarzy
czyli <!-- -->.Teraz kod ukryty przed przeglądarkami nie JavaScriptowymi będzie
wyglądał tak:
<SCRIPT language="JavaScript">
<!--
instrukcje skryptu
//-->
</SCRIPT>
Należy zwrócić uwagę na te dwie ukośne kreski.Muszą one być koniecznie, gdyż
Netscape Navigator bez nich niepoprawnie działa.
Komentarze
w JavaScript
Język JavaScript zaopatrzony został w możliwość
umieszczania komentarzy w kodzie skryptów podobnie jak w innych językach programowania
np: C++ czy Turbo Pascal.Ogólnie są dwa rodzaje komentarzy:
Poprzez użycie dwóch ukośników
"//".Wtedy możemy swój komentarz umieścić w jednej linii np:
<script LANGUAGE="JavaScript">
<!--
function zamiana(ziolo)
{
//definiuje tu dwie zmienne "recepta i historia.
//zmienna ziolo jest przypisywana do funkcji zmiana w momencie wyboru pieprzu //lub
cynamonu
//w drugiej czesci skryptu
var recepta="<A HREF=" + ziolo + ".html>Zobacz recepty ziola " +
ziolo +"u</A><P>" ;
var historia="<A HREF=" + ziolo + "trade.html>Zobacz historie ziola
" + ziolo + "u</A><P>" ;
document.write("<H2>Wybierz jeden z linkow aby otrzymac interesujacy
material</H2>");
document.write("<TT>(Linki nie dialaja gdyz jest to tylko
przyklad)</TT><BR><BR><BR>");
//tu zwracam wartosc zmiennej recepta i historia na ekramie
document.write(recepta);
document.write(historia);
}
//-->
</script>
Lub za pomocą symbolu "/* */".W tym
wypadku nasz komentarz może mieć kilka linijek.Ważne jest to, iż zaczynamy od /*, a
komentarz kończymy */.
<script LANGUAGE="JavaScript">
<!--
function zamiana(ziolo)
{
/*definiuje tu dwie zmienne "recepta i historia.
zmienna ziolo jest przypisywana do funkcji zmiana w momencie wyboru pieprzu lub cynamonu
w drugiej czesci skryptu */
var recepta="<A HREF=" + ziolo + ".html>Zobacz recepty ziola " +
ziolo +"u</A><P>" ;
var historia="<A HREF=" + ziolo + "trade.html>Zobacz historie ziola
" + ziolo + "u</A><P>" ;
document.write("<H2>Wybierz jeden z linkow aby otrzymac interesujacy
material</H2>");
document.write("<TT>(Linki nie dialaja gdyz jest to tylko
przyklad)</TT><BR><BR><BR>");
/*tu zwracam wartosc zmiennej recepta i historia na ekramie*/
document.write(recepta);
document.write(historia);
}
//-->
</script>
Projektowanie stron internetowych Copyright(c) 1998 by Robert Fontański |