Dove posizionare JavaScript in un file HTML

Durante la progettazione di una pagina Web o un sito, gli sviluppatori spesso trovano conveniente integrare i codici HTML e JavaScript in base alle funzionalità incluse. Ad esempio, posizionando il codice relativo a una funzionalità specifica relativa al codice o aggiunge la stessa funzionalità a più pagine Web nel sito. In tali scenari, il posizionamento di JavaScript in un file HTML è di grande aiuto.

Questa guida illustrerà gli approcci per posizionare JavaScript in un file HTML.

Dove posizionare JavaScript in un file HTML?

Il posizionamento di JavaScript in un file HTML può essere in:

• ""Tag.
• ""Tag.
• Esterno "file js".

Approccio 1: posizionamento di JavaScript all'interno del tag in un file HTML

In questo approccio, il posizionamento della parte JavaScript del codice all'interno del ""Il tag sarà illustrato.

Esempio

Facciamo una panoramica della dimostrazione di seguito:

Cliccami

Nel frammento di codice sopra:

• Includere la parte JavaScript del codice all'interno del ""Tag con l'aiuto di""Tag.
• Nel codice JS, definisci una funzione denominata "PlacementJS ()". Nella sua definizione, visualizzare il messaggio dichiarato tramite la finestra di dialogo Avviso.
• Infine, nel codice HTML, crea un pulsante con "al clic"Evento che si reindirirà alla funzione definita nel passaggio precedente sul clic del pulsante.

Produzione

Nell'output di cui sopra, si può vedere che il codice JS funziona correttamente posizionandolo all'interno del ""Tag.

Approccio 2: posizionamento di JavaScript all'interno del tag in un file HTML

In questo approccio, il posizionamento del codice JavaScript all'interno del "Verrà discusso il tag in un file HTML.

Esempio

L'esempio seguente illustra il concetto dichiarato:

Cliccami

Nelle righe di codice sopra:

• All'interno del ""Tag, allo stesso modo, crea un pulsante che invoca il posizionamento della funzione () con l'aiuto di"al clic"Evento.
• Nel blocco di codice JavaScript, dichiarare una funzione denominata "PlacementJS ()".
• Questa funzione verrà invocata al clic del pulsante e visualizzare il messaggio dichiarato tramite un avviso.

Produzione

Approccio 3: posizionamento di JavaScript come file esterno

Questo approccio particolare prevede il posizionamento di un blocco di codice JavaScript come un file JS esterno con il nome del file particolare con un'estensione ".js" nel "src"Attributo.

Esempio

Passiamo attraverso il seguente esempio:

Cliccami

Nel codice HTML sopra:

• Ricorda l'approccio discusso per la creazione di un pulsante che reindirizza alla funzione JavaScript "PlacementJS ()".
• Successivamente, integrare le funzionalità JavaScript con l'aiuto di un file JS esterno collegato al nome del file dichiarato in "src"Attributo.

Passiamo al codice JS di seguito:

Funzione PlacementJs ()
Avviso ("Questo è un file JavaScript esterno")

Nel blocco del codice sopra:

• Definire una funzione chiamata "PlacementJS ()".
• Nella sua definizione, visualizzare il messaggio indicato tramite avviso sul clic del pulsante.
• Questo approccio restituirà di conseguenza lo stesso risultato incorporando entrambi i file HTML e JavaScript.

Produzione

Abbiamo offerto informazioni autentiche relative al posizionamento di JavaScript in un file HTML.

Conclusione

Il posizionamento di JavaScript in un file HTML può essere nel "Tag ", il""Tag, o come esterno"file js"Specificando il"src". Il codice JavaScript agisce lo stesso quando inserito in uno dei tag dichiarati. Tuttavia, il posizionamento di JavaScript come file JS esterno aiuta la riutilizzabilità del codice. Questo blog guidato in relazione al posizionamento di JavaScript in un file HTML.