Skrypty to małe programy, które czynią zwykła stronę WWW interaktywną.
Przydatne przy zmianie położenia elementów na stronie, są podstawą dynamicznego HTML (DHTML).
Najbardziej znany język skryptowy - JavaScript, który działa w większości przeglądarek,
został stworzony przez firmę Netscape Communications. Ich główny konkurent Microsoft,
także jest autorem języka do pisania skryptów - VBScript, choć już nie tak popularnego;
współpracuje on tylko z IE dla Windows.
Automatyczne skrypty
Skrypty automatyczne są wykonywane przez przeglądarkę podczas ładowania strony,
bez udziału użytkownika. Dodajemy skrypt na stronie WWW poprzez znacznik
<SCRIPT>:
<SCRIPT LANGUAGE="język" TYPE="text/język">, gdzie:
LANGUAGE="język", atrybut służący do określenia języka, w który skrypt został napisany, np. JavaSCript
TYPE="text/język", język to używany język skryptowy
Wywołanie zewnętrznego automatycznego skryptu
Jeżeli dany skrypt ma być wykorzystywany na kilku stronach można odwołać się do pliku ze skryptem, a nie wpisywać go w każdym dokumencie HTML. Dzięki zewnętrznym skryptom można
uniknąć wyświetlania zawartości skryptu jako tekst na stronie przez starsze
przeglądarki.
<SCRIPT LANGUAGE="język" TYPE="text/język" SCR="adres skryptu">, gdzie
adres skryptu wskazuje na położenie pliku ze skryptem na serwerze.
Można dodać atrybut CHARSET=kod, gdzie kod to nazwa strony kodowej używanej w zewnętrznym skrypcie.
Wyzwalanie skryptu
Oprócz skryptów automatycznych istnieją skrypty "wyzwalane", które reagują na działanie użytkownika. Aby zadziałały użytkownik musi uczynić "coś", by się uruchomiły, np. wskaźnik myszy musi być nad ilustracja itd. Takie sytuacje nazwane zostały wewnętrznymi. Jest 18 zdarzeń wewnętrznych, które uruchamiają skrypty. Mogą one występować z większością znaczników HTML-a. Oto najpopularniejsze:
ONLOAD - uruchamia skrypt, kiedy przeglądarka ładuje stronę lub zestaw ramek
ONUNLOAD - uruchamia skrypt, kiedy przeglądarka opuszcza stronę lub zestaw ramek
ONCLICK - zachodzi po kliknięciu na element
ONDBCLICK - po dwukrotnym kliknięciu
ONMOUSEDOWN - po tym jak użytkownik wskaże element, a następnie naciśnie przycisk myszy; ONMOUSEUP, gdy ten przycisk zostanie zwolniony.
OMMOUSEOVER - pojawia się, podczas, gdy wskaźnik myszy jest na elementem
ONMOUSEMOVE - gdy użytkownik poruszy wskaźnikiem myszy nad wybranym elementem. Po opuszczeniu tego miejsca przez mysz zachodzi zdarzenie
ONMOUSEOUT.
ONKEYDOWN - pojawi się w momencie wciśnięciu klawisza, a po jego zwolnieniu pojawi się zdarzenie ONKEYUP.
Ukrywanie skryptu przed starszymi przeglądarkami
Bardzo rzadko, ale jednak zdarza się, że starsza przeglądarka nie rozumie znacznika SCRIPT.
Wyświetla ona wtedy tekst skryptu na stronie WWW, jakby był fragmentem tekstu. Aby tego uniknąć ukrywa się skrypty w znacznikach komentarzy.
<SCRIPT type="text/javascript>
<!-- Zawartość skryptu //--!>
lub dla VBScript:
<SCRIPT type="text/vbscript>
<!-- Zawartość skryptu '--!>
Alternatywa dla starszych przeglądarek
Podobnie jak w przypadku tworzenia zastępczych ramek dla użytkowników z przeglądarkami nie obsługującymi tej funkcji, należy stworzyć alternatywne informacje, dla tych którzy nie mogą zobaczyć efektów wyświetlanych poprzez skrypty. Służy do tego znacznik
NOSCRIPT, którego używa się po zamykającym znaczniku </SCRIPT>.
<NOSCRIPT>
Informacja alternatywna
</NOSCRIPT>
Logiczne jest, że przeglądarka, która nie zrozumie SCRIPT nie zrozumie także NOSCRIPT.
Właśnie dlatego zignoruje go, a zawartość wyświetli jako zwykły tekst.
Definiowanie domyślnego języka skryptowego
W specyfikacji HTML 4 ustalono, że bez określenia języka
używanego w skrypcie strona jest niepoprawna. Do ustalenia domyślnego języka skryptowego, w sekcji HEAD dokumentu HTML,
należy użyć:
<META HTTP-EQUIV="Content-Script-Type" CONTENT TYPE="typ">, gdzie
typ określa domyślny język skryptowy na stronie; można użyć na przykład:
text/javascript lub text/vbscript.
Mimo zdefiniowanego domyślnego języka skryptowego można używać skryptów napisanych w innych językach. Atrybut TYPE w znaczniku SCRIPT zastąpi specyfikację ze znacznika META.
Przykłady skryptów
Ostatnia aktualizacja strony
<script language="JavaScript">
<!--
document.write("Aktualizacja: " + document.lastModified);
// -->
</script>
Wynik:
Podanie aktualnego adresu strony
<script language="JavaScript" type="text/javascript">
<!--
document.write("Adres bieżącego dokumentu to " + document.location);
// -->
</script>
Wynik:
Detekcja przeglądarki
<script language="JavaScript">
<!--
document.write("Używasz " + navigator.appName + " " + navigator.appVersion);
// -->
</script>
Wynik:
Dodanie stronę do ulubionych
<script language="JavaScript">
function bookmarkit()
window.external.addFavorite
('http://www.icpnet.pl/~perszing/main.html','Kurs HTML')
if (document.all)
document.write('<a href="#" onClick="bookmarkit()">[Dodaj do Ulubionych]</a>')
</script>
Wynik:
Ustaw stronę jako startową
Ustawienie serwisu www.onet.pl jako stronę startową:
<A HREF="#"onClick="this.style.behavior=
'url(#default#homepage)';
this.setHomePage('http://www.onet.pl');">[Ustaw stronę jako startową]</a>
Wynik:
[Ustaw jako startową]
