Teoria
Teoria

Podłączanie zewnętrznych skryptów

Skrypty są najczęściej podłączane z zewnętrznych plików z rozszerzeniem .js. W tym celu należy użyć znacznika <script> z atrybutem src, który określa ścieżkę do pliku. Na przykład:

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

Należy pamiętać, że znacznik <script> jest sparowany. Jeśli podłączasz zewnętrzne skrypty, po prostu nie pisz nic wewnątrz tagu.

Lepiej jest podłączyć zewnętrzne skrypty przed zamykającym tagiem </body>.

W tym zadaniu podłączysz zewnętrzny skrypt, który znajduje się pod adresem: external.js(kliknij link, aby otworzyć ten plik w przeglądarce).

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Podłączanie zewnętrznych skryptów</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Skrypty zewnętrzne</h1> <p>Zewnętrzne skrypty, podobnie jak zewnętrzne style, są używane znacznie częściej niż skrypty inline.</p> <p>Wygodniej jest wprowadzać w nich zmiany, zwłaszcza gdy ten sam skrypt jest połączony z dużą liczbą stron.</p> <p>Ponadto zewnętrzne zasoby są buforowane przez przeglądarkę, dzięki czemu strony ładują się szybciej. A w sieci jest to bardzo ważne.</p>  </body> </html>

CSS

body { margin: 20px; font-size: 18px; line-height: 24px; } h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; transition: color 0.5s; }

ObiettiviFatto

Podłącz zewnętrzny skrypt do strony. Aby to zrobić:

Przed zamykającym znacznikiem </body> wstaw znacznik <script></script>,
a następnie dodać do niego atrybut src z wartością external.js.