Dove mettere JavaScript in un documento HTML?
JavaScript nel tag
Ogni volta che viene aperta una pagina HTML, è il primo tag di contenuto che viene caricato, il che significa che tutti i dati all'interno di questo vengono caricati prima del tag. Se JavaScript viene aggiunto al tag Head, non attenderà il caricamento completo della pagina web e verrà caricato nella memoria del browser. Per dimostrarlo, crea una pagina HTML di base che richiederà all'utente non appena viene caricato nella memoria del browser.
Prendi il seguente file HTML:
Documento
Come puoi vedere, lo script viene aggiunto etichetta. Tuttavia, nel tag del corpo, un'immagine 8K viene caricata sulla pagina web, che impiegherà qualche istante per caricare. Carica la pagina HTML e l'output:
Da questo output, è chiaro che mettere lo script in causa caricare anche prima che il DOM sia pronto.
JavaScript nel tag
Come accennato in precedenza, si può posizionare il javascript all'interno del etichetta. Ciò consentirà al DOM di caricare completamente e quindi caricare il javascript in base alla sua posizione nel tag.
Per dimostrarlo, creeremo un pulsante sulla pagina HTML con le seguenti righe e nella funzionalità a quel pulsante con le seguenti righe:
Documento
Nel frammento di codice sopra, un ascoltatore di eventi viene aggiunto sul pulsante che avvisa l'utente al pulsante Premere tutto con lo script all'interno del . Eseguire questo file HTML e osservare il seguente output:
È chiaro dall'output sopra che lo script funziona bene nel tag
JavaScript in tag o tag
Per rispondere a questa domanda, prendi l'ultimo esempio e semplicemente sposta il tag di script per avvisare l'utente al pulsante Premere all'interno del tag come:
Documento
All'esecuzione su questo programma, la differenza non è visibile in quanto l'output sembra le seguenti:
Tuttavia, l'apertura della console del browser mostra la differenza, perché nella console c'è questo errore:
Questo errore è causato da JavaScript che cerca di ottenere il riferimento di un elemento dal tag corpore.
Quindi, in conclusione, posizionare lo script nel tag principale o il tag del corpo si riduce al funzionamento della pagina web.
Incartare
JavaScript può essere collocato in due posti diversi all'interno di un file di documenti HTML nel tag o in etichetta. Posizionare il javascript nel tag di testa fa caricare il browser lo script prima che il DOM sia completamente pronto. Mentre include il javascript all'interno del carica lo script dopo che il DOM è pronto. Per questo motivo, non esiste un posto ottimale per includere JavaScript nel tuo documento HTML e dipende dal compito che si desidera eseguire.