 Usare document write javascript
Come scrivere un testo tramite javascript. Alcune funzioni
del javascript sono apparentemente molto simili al linguaggio HTML. Ad
esempio se volessimo visualizzare la frase "Hello World" in
Javascript scriveremo:
<html>
<head>
</head>
<body>
<script>
document.write("Hello World");
</script>
</body>
</html> |
L'istruzione document.write visualizza nella pagina
web il contenuto compreso all'interno delle due parentesi. Nel nostro
esempio il contenuto è semplicemente posto tra virgolette ma se
si fosse trattato di una variabile le avremmo omesse. Esempio volendo
visualizzare l'ora su una pagina web scriveremmo:
<html>
<head>
</head>
<body>
<script>
var Oggi = new Date
var Ora = Oggi.getHours();
document.write("Sono le ore " + Ora);
</script>
</body>
</html> |
Quest'ultimo esempio rende in modo più evidente le grandi potenzialità
del linguaggio javascript. A meno di voler modificare manualmente una
pagina web, il linguaggio HTML non permette la visualizzazione online
dell'ora corrente. Il Javascript preleva la data dal PC dell'utente mediante
la funzione Date e lo assegna alla variabile Oggi. Successivamente
preleva da quest'ultima il valore corrente dell'ora tramite la funzione
getHours() assegnandolo ad una seconda variabile chiamata Ora. All'istruzione
document.write spetta il compito finale di visualizzare a video il contenuto
della variabile Ora ed il gioco è fatto.
Document.Write e tag HTML. L'istruzione Document.Write
può visualizzare variabili, costanti, testi e persino tag HTML.
Così, per visualizzare in grassetto un testo o il contenuto di
una variabile sarà sufficiente inserire i tag <b> e </b>.
<html>
<head>
</head>
<body>
<script>
document.write("<b>Hello World</b>");
</script>
</body>
</html> |
Il browser interpreta il risultato dell'istruzione Document.Write allo
stesso modo del codice HTML visualizzando pertanto la parola Hello World
in grassetto. Lo ricordiamo per i neofiti del web, in HTML i tag <b>
e </b> mettono in grassetto la parola contenuta al loro interno.
Commenti
Scrivi
il tuo commento sulla pagina
"Usare document write javascript "
Link utili per approfondire il tema
Segnala un sito/link di approfondimento
| 
