Uno dei metodi più importanti di JavaScript è il metodo write che si riferisce all'oggetto document (la pagina). Questo metodo ci consente di scrivere all'interno di una pagina HTML usando JavaScript.
Vediamo subito un esempio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Corso JavaScript ad esempi</title>
</head>
<body>
<script type="text/javascript">
//Visualizza la scritta "il mio primo script"
document.write("il mio primo script");
</script> </body>
</html>
Come si può vedere la sintassi è:
document.write("scritta");
quello che vogliamo scrivere deve essere racchiuso tra virgolette (significa che si tratta di una sequenza di caratteri, ovvero di una stringa), oppure deve trattarsi di una valore che JavaScript può convertire in automatico in una stringa, come un numero:
document.write(1);
Il punto e virgola invece non c'entra con il metodo write, ma indica soltanto che l'istruzione è terminata.
Con questo metodo possiamo scrivere anche del codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Corso JavaScript ad esempi</title>
</head>
<body>
<script type="text/javascript">
//Visualizza la scritta "il mio primo script"
document.write("<h1><font face="Verdana,Arial,Helvetica,sans-serif">il mio secondo
script</font></h1>");
</script>
</body>
</html>
NB: la riga javascript non va a capo
Se il codice HTML (o la scritta) all'interno del metodo document.write() contiene delle virgolette queste devono essere precedute dal "back-slash" (cioè ). Si tratta del cosidetto "carattere di escape", vedremo in seguito di chiarire meglio il suo utilizzo.
Dobbiamo ricordare ancora una volta che i motori di ricerca non leggono JavaScript, e che quindi è bene scrivere il codice HTML attraverso questo linguaggio soltanto nel caso in cui abbiamo delle ragioni particolari per farlo.
Se volete approfondire la conoscenza del metodo document.write(), potete consultare gli articloli su Javascript di HTML.it in cui viene spiegato come utilizzando i JavaScript esterni e il document.write() sia possibile creare delle vere e proprie inclusioni lato-client di intere parti della pagina.
Ultimi articoli JavaScript
PhantomJS, headless browser per test con JavascriptIl tool ideale per realizzare, da terminale, operazioni in remoto su... |
Creare e leggere QR Code in JavaScriptApplicazioni 'QR Code enabled' per il Web e per il mobile,... |
Jquery UI Map: web-mapping con Google Maps e jQueryUn plugin di jQuery UI per intefacciare applicaizoni Web/mobile con... |
Scrollorama e Scrolldeck, slideshow d'effetto con jQueryPlugin jQuery per ottenere Slideshow con diversi effetti di scrolling |
jCanvas, un primo semplice graficoAlla scoperta della libreria jCanvas, per semplificare il disegno e... |
Guide JavaScript
Guida Node.jsIl framework che permette di per usare V8, l'interprete JavaScript... |
Canvas, guida ai frameworkCanvas, tra gli elementi di HTML5 è forse quello di maggior impatto.... |
Guida Javascript: tecniche avanzateUna guida dal taglio pratico per approfondire la programmazione a... |
Newsletter @JavaScript
Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.
Iscriviti alla newsletter
Corsi in aula
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso JQuery e Ajax per Webmaster03 Luglio 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |