Pillole di Javascript PDF Stampa E-mail
Scritto da ventus85   
Mercoledì 18 Giugno 2008 19:51

Saranno presenti pillole di Javascript, ovvero parti di codice per chi non ha mai usato Javascript (così imparo anche io) e notizie sul Javascript.

Primo codice in Javascript

Calcolo giorno: introduzione all'oggetto Date

Introduzione agli array

Orario e introduzione alla struttura if

I commenti

Primo codice in Javascript

VIene inserito uno script dentro una pagina html. Questo script visualizza la frase Hello World all'interno del browser. In grassetto c'è lo script vero e proprio. Sono stati aggiunti i tag del commento così in caso di errori il codice non viene visualizzato all'interno della finestra. Da notare il metodo write dell'oggetto document.

<html>
<head>
<title> Prova javascript n.1 </title>
</head>
<body>
<script type="text/javascript" language="javascript">
<!--
 document.write ("Hello World!");
// -->
</script>
</body>
</html>
 
Torna su

Calcolo giorno: introduzione all'oggetto Date

Questo codice calcola il giorno e lo visualizza nella finestra del browser.
Per tirare fuori il giorno usiamo l'oggetto Date con i suoi metodi:
getDay()
getDate()
getMonth()

<html>
<head>
<title>Visualizza giorno</title>
</head>
<body>
<script language=javascript type="text/javascript">
<!--
now= new Date
document.write("Oggi è " + now.getDate() + "/" + now.getMonth() + ", giorno della settimana " + now.getDay() + ".")
// -->
</script>
</body>
</html>
 
Torna su

Introduzione agli array

Purtroppo questi tre metodi restituiscono un intero.
Se noi vogliamo il mese e il giorno della settimana in parole e non in numero è necessario creare degli array.

Per definire degli array usiamo Array e possiamo elencare i vari elementi:
myarray=new Array ("primo", "secondo", "ultimo")

Note:
-gli array in Javascript iniziano con l'indice 0;
-i giorni della settimana in Date seguono la convenzione dove il primo giorno è la domenica.

Per avere un codice più ordinato e chiaro è possibile anche scrivere lo script prima del corpo della pagina (dentro l'head) per poi richiamare gli oggetti creati all'interno della pagina.

<html>
<head>
<title>Visualizza giorno in parole</title>
<script language=javascript type="text/javascript">
<!--
dayName=new Array ("Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato")
monName=new Array ("Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre")
now= new Date
// -->
</script>
</head>
<body>
<script language=javascript type="text/javascript">
<!--
document.write("<h4>Oggi è " + dayName[now.getDay()] + " " + now.getDate() + " " + monName[now.getMonth()] + ".</h4>")
// -->
</script>
</body>
</html>
 
Torna su

Orario e introduzione alla struttura if

Per quanto riguarda l'orario esistono i seguenti metodi:
getHours()
getMinutes()
Per andare al di là delle varie versioni dell'Hello World, creiamo uno script che controlli che ore sono e a seconda dell'orario mettere il saluto adatto.
Per fare questo devo usare una struttura if che controlli l'ora.
Per ragioni spazio omettiamo la struttura html.


<script language=javascript type="text/javascript">
<!--
now= new Date
document.write("Ora " + now.getHours() + ":" + now.getMinutes() + ".")
if (now.getHours() < 12) {
   document.write("Buongiorno!")
}
else if (now.getHours() < 19) {
   document.write("Buon pomeriggio!")
}
else {
   document.write("Buona sera!") 
}
// -->
</script>
 

Torna su

 

Commento su Javascript

I commenti in Javascript sono di due tipi:

-su una singola riga: in tal caso bastano le doppie barre //;

-su più righe: si usa /* prima del commento e */ dopo.

Esempi:

// commento su una sola riga

/* con questo tipo possiamo scrivere su una
o più righe */

Torna su

Creative Commons License
Questo/a opera è pubblicato sotto una Licenza Creative Commons.

 

Link utili

Per avere almeno 2 GB di spazio gratis per i tuoi file da condividere con chi vuoi! Per iniziare a usarlo: http://db.tt/fbnCDQM

Per creare i tuoi fumetti in modo rapido e semplice! http://www.pixton.com/sign-up/from/author/ventus85

Valid XHTML 1.0 Transitional

CSS Valido!



Template realizzato da ventus85.
Copyright © 2010 Il sito di ventus85. Tutti i diritti riservati.
Joomla! è un software libero rilasciato sotto licenza GNU/GPL.