1.1.- Què és JavaScript?
1.2.- Característiques tècniques de JavaScript.
1.3.- Relació entre HTML i JavaScript.
1.4.- Declaració i crida a funcions de JS.

Tornar al menú inicial.

1.1.- Què és JavaScript?

JavaScript és un llenguatge basat en objectes. Desenvolupat inicialment com a LiveScript per Netscape que l'incorporà en el Netscape Navigator 2.0 .

En l'actualitat s'executa sobre unes 16 plataformes diferents, incloent el Microsoft Internet Explorer que l'incorpora desde la seva versió 3.0 .

JavaScript neix com a complement del llenguatge HTML, permetent la creació de limitades aplicacions per a aquest entorn. El més habitual és trobar-nos scripts en aquest llenguatge en formularis que necesiten d'alguna verificació, en la creació de finestres de diàleg, o tractaments d'esdeveniments (=events): fent un click o passant per sobre d'un gràfic, o coses similars.

És, per aquests motius que diem que JavaScript està basat en objectes, ja que el nostre navegador entendrà com a objectes aquell gràfic a link en el que l'usuari li ha provocat un esdeveniment i on nosaltres i programarem una resposta.

Tornar a l'inici del capitol
1.2.- Característiques tècniques de JavaScript.

  • Interpretat (no compilat) desde el navegador de l'usuari.
  • Basat en objectes. Només els utilitza, careix d'herències i de classes.
  • El codi està integrat en el HTML. Queda ocult a l'usuari, però pot formar part del mateix arxiu.
  • No és necessari declarar el tipus de variables.
  • Enlaçat dinàmic. Els objectes als que es fa referència han d'existir en temps d'execució (lenguatge interpretat).
  • No requereix la presència de servidor, ja que mantè un funcionament local.
  • L'apliació resideix en el client.

    • Tornar a l'inici del capitol
    1.3.- Relació entre HTML i JavaScript

    En les primeres versions de JavaScript, el codi de l'aplicació estava incrostat en el codi de l'HTML. Desde la versió 3.0 de Netscape ja no és necessari que resideixi en el mateix arxiu HTML, ja que pot estar escrit en un arxiu separat que habitualment tenen l'extensió .js (com es comenta posteriorment).

    En els scripts incorporats al document, per a que el navegador diferenciès entre el texte i l'script, s'utilitzaven uns tags (=codis d'HTML) que com la majoria de tags constaven d'una opertura i una clausura: <SCRIPT> ... </SCRIPT> . Però necesiten estar acompanyades de <!-- i --> per a que el codi romangui ocult a l'usuari. Podem, a més a més, introduir els tags on, en el seu interior, hi inclourem codi HTML per als navegadors que no interpretin JS.

    Exemple:

    <SCRIPT>
    <!--
    document.write("Això ha estat escrit per JavaScript!");
    // -->
    </SCRIPT>
    <NOSCRIPT>
    El teu browser no agafa JavaScript!
    </NOSCRIPT>

    El tag <SCRIPT> pot contenir el paràmetre LANGUAGE, per a definir en quin llenguatge escrivim l'script així com en quina versió. D'aquesta manera podem escriure:

    <SCRIPT LANGUAGE="JavaScript"> o
    <SCRIPT LANGUAGE="JavaScript1.1"> o
    <SCRIPT LANGUAGE="JavaScript1.2"> ...

    L'ús d'aquest paràmetre ens permetrà que el mateix navegador discrimini l'script que no pot interpretar i així no causar errors evitables.

    Un altre paràmetre que es va afegir desde Netscape 3.0 és SCR que serveix a mode de include (=arxiu a on poden ser declarades funcions, procediments i/o instruccions que poden ser-nos útils desde aquell script).

    Exemple:

    <SCRIPT SRC="arxiu_a_cridar.js"></SCRIPT>

    Cal recordar que en aquest arxiu només si podran incloure instruccions en JS, mai en HTML, si no és mitjançant l'instrucció document.write.


    Tornar a l'inici del capitol
    1.4.- Declaració i crida a funcions de JS.

    La declaració de funcions en JS sempre segueix la mateixa estructura:

    function nom_de _la_funció ([paràmetre1, paràmetre2,...]) {

    ..... // Aquí venen totes les instruccions que ha de seguir la funció.

    return (valor_a_retornar); // Aquí la funció retorna el seu valor.

    }

    La crida a aquesta funció seria:

    nom_de_la_funció (a,b);

    Els esdeveniments són accions que ocorren com a resultat d'alguna acció realitzada sobre algún objecte. Aquests esdeveniments són:

    Esdeveniment
    Parametre
    Descripció
    Click onClick L'usuari pulsa sobre un element de form o un enlaç.
    Sobrevola onMouseOver L'usuari coloca el ratolí sobre una determinada àrea.
    Càrrega onLoad L'usuari carrega la plana.
    Descàrrega onUnload L'usuari surt de la plana.
    Focalització onFocus L'usuari "enfoca" un element d'un form com a entrada.
    Desfocalizació onBlur L'usuario treu el focus d'un element d'un formulari com a entrada.
    Edició onChange L'usuari canvia el valor d'un objecte text, textarea o select d'un formulari.
    Selecció onSelect L'usuari selecciona el camp d'entrada d'un formulari.
    Interrupció onAbort L'usuari interromp la càrrega d'una imagen.
    Error onError La càrrega d'un document o imatge produeix un error.
    Surt del sobrevol onMouseOut L'usuari treu el ratolí de l'àrea de l'objecte.
    Inicialització onReset L'usuari pitja el botó de reset en un form.

    La crida pot fer-se com si fos un URL (=adreça) utilitzant el següent:

    <A HREF="JavaScript:nom_de_la_funció">Pitja aquí</A>

    Exemple:

    Pitja aquí... o Passa per aquí sobre.


    Tornar a l'inici del capitol
    Tornar al menú inicial.