logo

File JavaScript esterno

Possiamo creare un file JavaScript esterno e incorporarlo in molte pagine HTML.

Fornisce riutilizzabilità del codice perché un singolo file JavaScript può essere utilizzato in più pagine html.

Un file JavaScript esterno deve essere salvato con l'estensione .js. Si consiglia di incorporare tutti i file JavaScript in un unico file. Aumenta la velocità della pagina web.

Creiamo un esterno JavaScript file che stampa Hello Javatpoint in una finestra di dialogo di avviso.

messaggio.js

 function msg(){ alert('Hello Javatpoint'); } 

Includiamo il file JavaScript nella pagina html. Chiama il Funzione JavaScript al clic del pulsante.

lupo contro volpe

indice.html

Benvenuto in JavaScript

Vantaggi di JavaScript esterno

Ci saranno i seguenti vantaggi se un utente crea un javascript esterno:

  1. Aiuta nella riusabilità del codice in più di un file HTML.
  2. Permette una facile leggibilità del codice.
  3. È efficiente in termini di tempo poiché i browser Web memorizzano nella cache i file js esterni, riducendo ulteriormente il tempo di caricamento della pagina.
  4. Consente sia ai web designer che ai programmatori di lavorare con file html e js parallelamente e separatamente, cioè senza affrontare conflitti di codice.
  5. La lunghezza del codice si riduce poiché dobbiamo solo specificare la posizione del file js.

Svantaggi del JavaScript esterno

I file esterni presentano i seguenti svantaggi:

  1. Il ladro può scaricare il codice del programmatore utilizzando l'URL del file js.
  2. Se due file js dipendono l'uno dall'altro, un errore in uno dei file potrebbe influire sull'esecuzione dell'altro file dipendente.
  3. Il browser Web deve effettuare un'ulteriore richiesta http per ottenere il codice js.
  4. Una modifica da piccola a grande nel codice js può causare risultati imprevisti in tutti i file dipendenti.
  5. Dobbiamo controllare ogni file che dipende dal file javascript esterno comunemente creato.
  6. Se si tratta di poche righe di codice, è meglio implementare il codice javascript interno.