Presento quatre idees del que és Javascript i t'enllaço uns quants cursos on-line que fa temps que l'ensenyen i que et serviran per aprendre totes les seves característiques... fins i tot, la més menuda.
Javascript és un llenguatge que pretén expandir les possibilitats del HTML, de fet aquesta va ser la principal finalitat que els desenvolupadors del browser (navegador) Netscape van voler donar-li quan el van crear. El nom prové d’una aliança entre Netscape i Sun Microsystems (creadors del llenguatge de programació Java) que van fer néixer Javascript com el fill petit de Java, més fàcil que aquest i tant senzill que qualsevol no iniciat a la programació pogués ser capaç d’aprendre’l sense gaire esforç. Així que Netscape va ser el primer navegador que va suportar aquest tipus de codi. Després, el navegador de Microsoft, Internet Explorer es va posar a l’alçada i tot i crear un llenguatge similar anomenat Jscript sense tant d’èxit com Javascript, també va suportar aquest codi. Així que la W3C va acceptar el Javascript com a codi estàndard que es pogués combinar amb HTML. Tot i que perquè un document validi s’han de complir uns requisits d’inserció del Javascript.
Javascript essencialment funciona per a programar dins del HTML, per això hi ha scripts (denominació del codi Javascript) que van des de posar la data a la teva pàgina fins a programar el funcionament d’una calculadora o dissenyar un menú dinàmic. Les possibilitats són molt amplies i variades i et permetrà la dinamització de les pàgines HTML.
La forma d’inserir el script és molt senzilla. Aquesta és la sintaxis bàsica que ha de tenir el script:
<SCRIPT>
Codi del script
</SCRIPT>
Com atributs del TAG Script tenim:
Language= “Javascript” (què és el que estem tractant).
O com en d’altres ocasions l’atribut SRC=url, on com a url podriem donar la direcció d’un arxiu Javascript (.js) el qual contindrà el codi corresponent.
El codi Javascript es pot inserir tant en l’apartat HEAD d’una pàgina com en l’apartat BODY, això ja dependrà del que vulguem fer. Per exemple un script que vulguem aplicar a tota la pàgina el carregarem al apartat HEAD, i si el que volem és localitzar-ho en un lloc en concret de la pàgina l’haurem d’inserir en aquest lloc, evidentment sempre entre les etiquetes del BODY.
Exemple de codi Javascript per inserir en l’etiqueta HEAD. Text canviant a la barra d’estat i al títol.
<SCRIPT LANGUAGE='JavaScript'>
var default1 = "Benvingut";
var text1 = "Exemple d’un Javascript";
var text2 = "de text canviant a ";
var text3 = " la barra d’estat i al títol";
var changeRate = 3000; // 1000 = 1 second
var messageNumber = 0;
function changeStatus() {
if (messageNumber == 0) {
window.status=default1;
document.title=default1;
}
else if (messageNumber == 1) {
window.status=text1;
document.title=text1;
}
else if (messageNumber == 2) {
window.status=text2;
document.title=text2;
}
else if (messageNumber == 3) {
window.status=text3;
document.title=text3;
messageNumber = 0;
}
messageNumber++;
setTimeout("changeStatus();",changeRate);
}
changeStatus();
</SCRIPT>
Enllaç per veure l'exemple en una finestra nova. Fixeu-vos bé, heu d'observar la barra de títol, la que amb Windows tenim a la part superior de la pantalla. I la barra d'estat que tant amb IE, Mozzilla, Firefos o Netscape és la que veiem tot just sobre la barra d'inici, la tenim a la part inferior de la pantalla.
A continuació un exemple de script per afegir al BODY. Inserció de la data.
<script>
var mydate=new Date();
var year=mydate.getYear();
if (year < 1000)
year+=1900;
var day=mydate.getDay();
var month=mydate.getMonth()+1;
if (month<10)
month="0"+month;
var daym=mydate.getDate();
if (daym<10)
daym="0"+daym;
document.write("<small><font color='000000' face='Arial'><b>"+daym+"/"+month+"/"+year+"</b></font></small>")
</script>
Enllaç per veure l'exemple en una finestra nova.
Javascript és el llenguatge que ens permet fer tot això i més, aquí només he disposat de dos exemples però als enllaços que podem trobar a l’apartat d’enllaços d’aquesta Web en podem trobar milers més pel que necessitem i a demés d’això tutories per fer-nos autèntics experts del Javascript.