Teoria
Teoria

Collegamento di script esterni

Gli script sono spesso collegati da file esterni con estensione .js. Per farlo, si usa il tag <script> con l'attributo src, che specifica il percorso del file. Ad esempio:

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

Si noti che il tag <script> è accoppiato. Se si collegano script esterni, basta non scrivere nulla all'interno del tag.

È meglio collegare gli script esterni prima del tag di chiusura </body>.

In questo compito, si inserirà uno script esterno, che si trova all'indirizzo: external.js(seguire il link per aprire questo file nel browser).

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Collegamento di script esterni</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Script esterni</h1> <p>Gli script esterni, proprio come gli stili esterni, sono usati molto più spesso degli script in linea.</p> <p>È più conveniente apportare modifiche in essi, soprattutto quando lo stesso script è collegato a un gran numero di pagine.</p> <p>Inoltre, le risorse esterne vengono memorizzate nella cache dal browser, rendendo più veloce il caricamento delle pagine. E nel web questo è importante.</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

Collegare uno script esterno alla pagina. Per farlo:

Prima del tag di chiusura </body> inserire il tag <script></script>
quindi aggiungere un attributo src con il valore external.js.