Utilizzando le funzioni JavaScript, gli sviluppatori possono manipolare il contenuto di uscita all'interno di una pagina Web. Il linguaggio JavaScript fornisce una gamma di risorse per controllare e modificare il contenuto di una pagina HTML. funzioni JavaScript possono apparire all'interno di sezioni pagina testa e corpo, chiamato sia quando la pagina viene caricata o su un evento specifico utente. funzioni JavaScript possono utilizzare l'oggetto documento o qualsiasi elemento HTML per manipolare il contenuto di un output di pagina per gli utenti.

Sezioni script

codice JavaScript in grado di controllare l'uscita dalla testa e dal corpo sezioni di una pagina. Il codice di esempio riportato di seguito illustra una sezione di script per le funzioni JavaScript che possono essere visualizzati sia nella sezione head, tra i tag di apertura e di chiusura della testa, o nella sezione corpo tra l'apertura e chiusura tag body:
<Script type = "text / javascript">
// funzioni JavaScript qui
</ Script>

In alternativa, il codice JavaScript può apparire in un file separato salvato con "js" come la sua estensione, legati alla nella zona della testa della pagina nel modo seguente:
<Script type = "text / javascript" src = "sitefunctions.js"> </ script>

L'attributo "src" indica la posizione del file di script relativo alla pagina Web. Funzioni in un file separato possono manipolare output della pagina nello stesso modo come quelli elencati nel documento pagina.

Funzioni del documento

Il codice JavaScript nella sezione corpo HTML può scrivere il contenuto direttamente in una pagina Web. Queste sezioni di script possono includere righe di codice JavaScript per il browser di processo in quanto mostra la pagina quando l'utente visita IT. Il codice JavaScript seguente esempio illustra una tecnica comune per la scrittura di contenuti in uscita:
document.write ( "<p> Ecco qualche contenuto della pagina </ p>");

Questo codice farà sì che il contenuto HTML, specificato come parametro di funzione di scrittura dell'oggetto documento, ad apparire all'interno della sezione corpo della pagina. Questo nuovo contenuto apparirà al fianco di qualsiasi altro codice HTML elencati prima e dopo i tag script nella pagina. La funzione può utilizzare i dati acquisiti attraverso l'elaborazione nel modo seguente:
var oggi = new Date ();
document.write ( "<div> Oggi è:" + oggi + "</ div>");

Questo permette agli sviluppatori di inserire il contenuto dinamico in una pagina.

contenuto dell'elemento

funzioni JavaScript in grado di manipolare il contenuto di elementi HTML esistenti dopo che il browser ha caricato la pagina. La seguente funzione di esempio potrebbe apparire all'interno di una sezione script nella testa pagina o in un file di script separato:
Funzione insertContent (elem, contenuto) {
var theElement = document.getElementById (elem);
theElement.innerHTML = contenuti;
}

Questa funzione prende parametri che rappresentano l'attributo ID dell'elemento e il nuovo contenuto desiderato. La funzione poi acquisisce un riferimento all'elemento utilizzando l'ID, prima di scrivere il contenuto nell'elemento utilizzando la proprietà "innerHTML". Questo sostituirà qualsiasi contenuto esistente all'interno dell'elemento.

funzioni dinamiche

funzioni JavaScript possono eseguire su diversi eventi utente. Gli sviluppatori possono istruire elementi HTML specifici per rilevare l'interazione dell'utente, funzioni chiamando se questa interazione avviene, come segue:
<Div id = "contentdiv" onclick = "insertContent (this.id, 'nuovi contenuti')"> contenuto originale </ div>

Quando l'utente fa clic su questo elemento, il browser chiamerà la funzione specificata, passando i valori dei parametri. La funzione sarà quindi eseguire. Il risultato finale è che l'elemento HTML visualizzerà il testo passato "nuovi contenuti" invece del suo contenuto originale.