Kod źródłowy zagnieżdżony w HTML.

autor: Piotr Rzeźniczak, ostatnia modyfikacja: 2007-06-25

szukaj: zagnieżdżanie JavaScript w HTML kurs JavaScript

Kod JavaScript musi być zawarty pomiędzy znacznikami HTMLa <script> i </script>:

<script>
kod naszego skryptu
</script>

Można go umieszczać w dowolnym miejscu dokumentu, ale praktykuje się zasadę, która mówi, że o ile to tylko możliwe, umieszcza się go na początku strony - w sekcji HEAD - która jest wczytywana przez przeglądarki jako pierwsza. To pozwala na uniknięcie błędów, kiedy to użytkownik nie czekając na całkowite załadowanie się strony klika na jakiś element związany z naszymi skryptami (których przeglądarka jeszcze nie zgrała).

Znacznik <script> posiada atrybut type, poprzez który deklarujemy język, w którym napisany będzie nasz kod. Będziemy nadawać mu wartość: text/javascript.

Kod HTML strony używającej JavaScript wygląda więc następująco:

<html>
<head>

<script type="text/javascript">
kod skryptu
</script>

<script type="text/javascript">
kod skryptu
/* może być więcej rozgraniczonych znacznikami <script> kodów na jednej stronie */
</script>

</head>
<body>

<script type="text/javascript">
tu - w dowolnym miejscy sekcji BODY - też można umieścić kod źródłowy skryptu
</script>

</body>
</html>

Piotr Rzeźniczak

szukaj: zagnieżdżanie JavaScript w HTML kurs JavaScript

Zagadnienia poruszane w tej części kursu:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!