JavaScript offre codice dinamico, orientato al processo agli sviluppatori Web, in contrasto con i layout statici che è possibile definire in HTML. È possibile scrivere codice HTML speciale che si consulta una funzione Javacript come viene caricata la pagina, permettendo di poter influenzare il modo che viene eseguito il rendering di una pagina sulla base dei risultati di un algoritmo di JavaScript. Effettuare questa operazione utilizzando il tag "script" in HTML e il metodo Write () in JavaScript. Si può così "iniettare" JavaScript variabili nel codice HTML di una pagina Web, che può apparire in modo diverso ogni volta che si carica basato sul codice JavaScript che è scrivere.

Istruzioni

1

Inserire il seguente codice nella sezione body del documento HTML in cui si desidera una variabile JavaScript per influire sul layout:

< script language = "javascript" > MyFunction (); < / script >

La funzione JavaScript denominata "myFunction" viene richiamata quando questa parte della pagina viene caricata. È possibile denominare la funzione quello che vuoi, finché è un nome valido di funzione JavaScrip.

2

Inserire il seguente codice tra i tag di "head" del documento HTML:

< script language = "javascript" >

function MyFunction () {

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

Document. Write ("< b >" + randomNumber + "</b >");

}

< / script >

Questo semplice script aggiunge codice HTML quando si chiama utilizzando Write () e inserisce la variabile "randomNumber" nel layout HTML dopo assegna un valore casuale. Anche nota come il codice HTML..--circondato da virgolette..--e la variabile JavaScript vengono concatenate utilizzando il simbolo più all'interno della chiamata di Write (). Utilizzare più concatenazioni di influenzare il codice HTML in modo specifico - assegnazione di una variabile a un attributo di un tag, ad esempio..--e più chiamate a Write () per rendere il codice più facile lavorare con.

3

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

Consigli & Avvertenze

• Espandere questo esempio per esplorare i molti modi si può iniettare il contenuto in un layout HTML utilizzando il codice JavaScript. È anche possibile scrivere l'intero layout del corpo in una funzione JavaScript e iniettare con una singola chiamata a Write ().