Kursy

Umieszczanie skryptów JavaScript na stronie

Umieszczanie skryptów JavaScript na stronie

Możemy wyróżnić trzy główne miejsca gdzie istnieje możliwość umieszczenia skryptów JavaScript: pomiędzy znacznikami <HEAD></HEAD>, w zewnętrznych plikach lub pomiędzy znacznikami <BODY> i </BODY>

Oczywiście kod JavaScript także umieszczamy pomiędzy specjalnymi znacznikami <SCRIPT></SCRIPT>. Znaczniki te wyznaczają w dokumencie HTML miejsce na kod JavaScript np.

<HTML>

<HEAD>
</HEAD>
<BODY>

<SCRIPT>
document.write("Mój pierwszy skrypt")
</SCRIPT>

</BODY>
</HTML>



Podobnie postępujemy umieszczając nasz skrypt w sekcji HEAD zamiast BODY.

Znacznik <SCRIPT> posiada dwa atrybuty:

LANGUAGE - określa język w którym został napisany skrypt, w naszym przypadku

<SCRIPT LANGUAGE="JavaScript">

SRC - służy do określenia ścieżki do zewnętrznego pliku zawierającego kod JavaScript. Jest to ostatni sposób umieszczania skryptów na stronach. Cały kod piszemy w pliku tekstowym (bez żadnych znaczników <SCRIPT>). Powiedzmy, że nasz plik nazywa się skrypt.txt wówczas znacznik SCRIPT będzie wyglądał następująco:

<SCRIPT LANGUAGE="JavaScript" SRC="skrypt.txt">


Teraz umieścimy kilka skryptów na stronie, wykorzystując każdy z możliwych sposobów. Każdy ze skryptów będzie wypisywał jakiś tekst:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
document.write("To jest tekst wyświetlany przez pierwszy skrypt")
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" SRC="skrypcik.txt"></SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
document.write("To jest tekst wyświetlany przez trzeci skrypt")
</SCRIPT>

</BODY>
</HTML>



Zawartość pliku skrypcik.txt :

document.write("To jest tekst wyświetlany przez drugi skrypt ")



Tak wyglądają wszystkie możliwości wstawiania skryptów na stronę www. Ale co zrobić jeżeli dana przeglądarka nie obsługuje JavaScript? Na to też jest metoda :-)
Jeżeli mamy do czynienia ze starą wersją przeglądarki (Netscape 1.x i IE 3) to najlepiej jeżeli kod JavaScript będzie ignorowany. Służa d tego znaczniki komentarza , dzięki temu to, czego przeglądarka nie będzie mogła obsłużyć zostanie zignorowane! Oto przykład:

<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT>
<!-Ukrycie skryptu przed starymi przeglądarkami

document.write("Mój pierwszy skrypt")

-->
</SCRIPT>
</BODY>
</HTML>



W ten sposób można w łatwy sposób ukryć skrypt, co może zapobiec błędnemu zinterpretowaniu kodu.