Come iniettare una variabile JavaScript in HTML

March 21

JavaScript offre, codice orientato al processo dinamico per gli sviluppatori Web, in contrasto con le disposizioni statiche che è possibile definire in HTML. È possibile scrivere codice HTML speciale che consulta una funzione Javacript come il caricamento della pagina, che consente di influenzare il modo in cui una pagina viene visualizzata sulla base dei risultati di un algoritmo di JavaScript. Ottenere questo risultato utilizzando il tag "script" in HTML e il metodo document.write () in JavaScript. È possibile in tal modo "iniettare" variabili JavaScript nel codice HTML di una pagina Web, che può apparire in modo diverso ogni volta che si carica che in base al codice JavaScript che si scrive.

istruzione

1 Inserire il seguente codice nella sezione corpo del documento HTML in cui si desidera una variabile JavaScript per influenza sulla configurazione:

<Script language = "javascript"> myFunction (); </ script>

La funzione JavaScript denominata "myFunction" viene richiamato quando questa parte il caricamento della pagina. È possibile denominare la funzione quello che vuoi, a patto che si tratta di un JavaScrip nome di funzione valido.

2 Inserire il codice seguente tra i tag "testa" del documento HTML:

<Script language = "javascript">

la funzione myFunction () {

var = RandomNumber Math.round (Math.random () * 10);

document.write ( "<b>" + RandomNumber + "</ b>");

}

</ Script>

Questo semplice script aggiunge codice HTML quando viene chiamato utilizzando document.write (), e inietta la variabile "RandomNumber" nel layout HTML dopo l'assegnazione di un valore casuale. Si noti inoltre come il codice HTML - racchiuso tra virgolette - e la variabile JavaScript sono concatenati utilizzando il simbolo più all'interno della chiamata a document.write (). Utilizzare più concatenazioni di influenzare il codice HTML in modo specifico - l'assegnazione di una variabile di un attributo di un tag, per esempio - e utilizzare più chiamate a document.write () per rendere il codice più facile da lavorare.

3 Salvare il file HTML, quindi aprirlo in un browser Web. Ricaricare la pagina un paio di volte, facendo notare che il numero cambia in modo casuale.

Consigli e avvertenze

  • Espandere su questo esempio per esplorare i molti modi in cui è possibile iniettare il contenuto in un layout HTML utilizzando il codice JavaScript. Si può anche scrivere l'intero layout del corpo in una funzione JavaScript, e iniettare con una singola chiamata a document.write ().