Come funziona JavaScript in linea con HTML ?

IL in linea javascript rappresenta il pezzo di codice scritto tra il tag nel .html file. Inoltre, JavaScript ha la capacità di chiamare e spingere i dati sul server. Pertanto, fornisce manipolazione DOM utilizzando diverse funzioni integrate. Per questo scopo, in linea javascript è utile per ridurre la complessità utilizzando una serie di file JavaScript in un programma. È la migliore pratica per scopi dimostrativi in ​​modo che gli sviluppatori non debbano passare da un file JavaScript.

In questo post, gli utenti capiranno come funziona in linea JavaScript con HTML. I risultati di questo post sono:

• Come funziona JavaScript in linea in HTML?
• Come aggiungere JavaScript in linea con HTML?

Come funziona JavaScript in linea in HTML?

Il browser interpreta il codice come javascript scrivendo tra tag. Altrimenti, è trattato come testo normale. IL Il tag può specificare un file di script esterno mediante l'utilizzo di src attributo. Il vantaggio di utilizzare in linea Javascript in Html I file devono ridurre il viaggio di andata e ritorno del browser Web sul server. Inoltre, una chiamata aggiuntiva a un file JavaScript viene evitata utilizzando il codice JavaScript nel Html file. La seguente sintassi si riferisce all'utilizzo di JavaScript inline con HTML:

Sintassi

La coppia di tag e il codice JavaScript all'interno dei tag è il fattore di identificazione principale di JavaScript inline.

Come aggiungere JavaScript in linea con HTML?

Fino ad ora, hai imparato le informazioni di base su inline javascript. Qui, dimostreremo praticamente come può essere aggiunto un JavaScript in linea. Andiamo agli esempi:

Esempio 1: visualizzare un messaggio con nel file HTML

Un esempio è adattato per visualizzare un messaggio all'interno Tag nel documento HTML.

Codice

Esempio di utilizzo del codice JavaScript nel file HTML

In questo esempio, il documento.scrivere() Il metodo viene utilizzato per presentare il messaggio "Benvenuti in JavaScript".

Produzione

Il risultato del codice visualizza il messaggio "Benvenuti in JavaScript World"Nella finestra del browser.

Esempio 2: usando una casella di avviso per presentare un messaggio

Un esempio è spiegato qui in cui un metodo viene utilizzato per visualizzare un messaggio in una casella di allerta.

Codice

Un altro esempio di utilizzo del codice JavaScript nel file HTML

Si prega di premilo per visualizzare una finestra

La descrizione del codice è elencata di seguito:

• Il codice inizia con il tag seguito da alcuni elementi HTML.
• Dopodiché a disp () il metodo è definito per far apparire una casella di avviso all'interno del etichetta.
• Nella casella di allerta, un messaggio "Benvenuti in JavaScript World" È visualizzato.

Produzione

Il risultato restituisce un collegamento che è indicato come "Per favore, premilo per far apparire una finestra" nel browser.

Dopo aver premuto il collegamento, viene generato un nuovo pop-up che visualizza il messaggio "Benvenuti in JavaScript".

Ecco qui! Hai imparato il concetto di inline javascript e anche della sua applicazione.

Conclusione

In linea JavaScript viene aggiunto in un documento HTML con l'aiuto del tag. In linea JavaScript riduce le richieste create dalla pagina Web. Questo articolo fornisce un dettaglio sul funzionamento di JavaScript in linea con HTML. Il JavaScript in linea è facile da integrare con minori problemi di complessità. Tuttavia, in caso di JavaScript di grandi dimensioni/complessi, si consiglia di considerare JavaScript esterno poiché JavaScript in linea influenzerà la leggibilità/riusabilità del codice complessivo.