2a sessió: Programació JavaScript.
Per a introduir codi JavaScript a la nostra pàgina web cal incloure'l
entre els codis HTML <script language="javascript">
.... </script>:
Fixeu-vos com l'editor del 1stPage 2000 marca en diferents colors
el codi JavaScript.
Podeu provar el programa amb aquest enllaç.
La funció JavaScript alert() obre una finestra amb
el missatge indicat.
El mètode write de l'objecte document escriu
a la pròpia pàgina el missatge indicat.
Fixeu-vos com en els dos casos s'agafen els valors de las variables
i com l'operador + concatena els diferents textos.
També són interessants les funcions confirm() i prompt():
<html>
<head>
<title>Untitled</title>
</head>
<body>
<script language="javascript">
resposta=confirm("Tens
diners ?");
if(resposta)
{
alert("Ets
ric !");
}
else
{
alert("Ets pobre
!");
}
</script>
</body>
</html> |
<html>
<head>
<title>Untitled</title>
</head>
<body>
<script language="javascript">
resposta=prompt("El teu nom ?","Mortadelo");
document.write("Et dius "+ resposta+".")
</script>
</body>
</html> |
|
Enllaç
|
Enllaç
|
També podem utilitzar directament JavaScript en els codis
HTML:
-
com a enllaços: <A HREF="javascript:funció()">
...
-
com a paràmetres del codi HTML: <font
color="&{paràmetre};">
...
-
com a controls d'un formulari: <INPUT TYPE="button"
VALUE="text" onClick="funció()">
...
Podem utilitzar formularis tant per recollir dades com per mostrar-les. Podeu veure exemples tant del primer cas (autoavaluació mesures)com del segon (taula periòdica). Una calculadora utilitza el formulari tant per l'entrada com per a la sortida de dades.
Per altra banda sempre podem veure el codi origen del script (al Netscape fent Visualitza/Font de la pàgina), i demanar informació complementaria sobre els errors amb l'adreça javascript:.
JavaScript també permet l'ús de vectors, per exemple per indicar els dias que té cada mes per fer un calendari.
Pel que fa als comentaris, JavaScript fa servir la sintaxi de C: dues barres (//) indiquen que la resta de la linia és un comentari que no ha d'executar l'interpret, i es podem marcar blocs de text com a comentaris amb la parella /* ... */.
© Jordi Orts, març 2001
