Informacje o nowych artykułach oraz akcjach edukacyjnych prosto na Twojej skrzynce e-mail!

Cztery miejsca na umieszczenie skryptu

Skrypt JavaScript można umieścić w czterech różnych miejscach:

W treści strony

<body>
    <script type="text/javascript">
        <!--
            alert("Hello World!");
        //-->
    </script>
</body>

W nagłówku strony wewnątrz znaczników <head>

<head>
    <script type="text/javascript">
        <!--
            alert("Hello World!");
        //-->
    </script>
</head>

Skrypty w nagłówku HTML nie wpływają od razu na dokument HTML, lecz mogą się do nich odwoływać inne skrypty. Nagłówek często wykorzystywany jest do umieszczania funkcji – grup instrukcji JavaScriptu, które mogą być użyte jako jedna całość.

W znaczniku HTML

<body onLoad="window.alert('Okno komunikatu')">

Nosi to nazwę funkcji obsługi zdarzenia (ang. event handler) i pozwala na pracę skryptu z elementami HTML. Używając JavaScriptu w funkcjach obsługi zdarzeń, nie musimy używać znacznika <script>.

W osobnym pliku

<head>
    <script type="text/javascript" src="plik.js"></script>
</head>

JavaScript pozwala korzystać z plików o rozszerzeniu .js zawierających skrypty; można je dołączać do dokumentu HTML, wskazując nazwę pliku w atrybucie src.

Aktualizacja (2026): powyższe przykłady mają składnię z czasów HTML 4. Dziś atrybut type="text/javascript" można po prostu pominąć. Skrypt bez atrybutu type jest traktowany jako klasyczny JavaScript. Zewnętrzne pliki .js warto ładować z atrybutem defer (wykonanie po sparsowaniu dokumentu, w kolejności wystąpienia) albo async (wykonanie od razu po pobraniu, dla skryptów niezależnych).

Spodobało się?

Jeśli tak, to zarejestruj się do newslettera aby otrzymywać informacje nowych artykułach oraz akcjach edukacyjnych. Gwarantuję 100% satysfakcji i żadnego spamowania!

, , ,

Dodaj komentarz

Odpowiedz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Pin It on Pinterest