Element <script> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Element <script> w HTML

Element <script> służy do umieszczania kodu JavaScript w dokumencie HTML albo do dołączania skryptu z zewnętrznego pliku .js.

Dołączenie pliku JavaScript

Aby załadować skrypt z pliku, używa się atrybutu src:

<script src="przyklad.js"></script>

Jeżeli ścieżka zaczyna się od /, oznacza to ścieżkę bezwzględną względem katalogu głównego serwisu:

<script src="/przyklad.js"></script>

To właśnie taka konstrukcja jest poprawną odpowiedzią w pytaniu egzaminacyjnym.

Kod JavaScript bezpośrednio w HTML

Kod można też wpisać bezpośrednio między znacznikami:

<script>
  alert("Witaj!");
</script>

Nie jest to jednak to samo, co podanie samej nazwy pliku między znacznikami. Zapis:

<script>przyklad.js</script>

nie dołącza pliku JavaScript.

Ważne informacje

  • Element <script> wymaga znacznika zamykającego </script>.
  • Do wskazania pliku JavaScript używa się atrybutu src, nie href ani link.
  • Element <link> służy głównie do dołączania zasobów, takich jak arkusze CSS, np. <link rel="stylesheet" href="style.css">.
  • Skrypty często umieszcza się przed końcem </body> lub stosuje atrybut defer, aby nie blokować ładowania strony.

Przykład z defer

<script src="skrypt.js" defer></script>

Atrybut defer powoduje, że skrypt zostanie wykonany dopiero po wczytaniu dokumentu HTML.