La principal manera de crear efectes dinàmics a les pàgines web és mitjançant l’ús d’escriptures del costat del client. Són trossos de codi que són interpretats pel motor de scripts de l'aplicació que mostra el document. JavaScript és un llenguatge de programació popular que s’utilitza per crear scripts. Per tal que l’script pugui executar-se, s’ha d’inserir al document d’alguna manera.
És necessari
- - codi de script;
- - document font;
- - editor de text.
Instruccions
Pas 1
Determineu la millor manera d'inserir l'script. Si se suposa que s'utilitzarà el mateix script en documents diferents, té sentit moure'l a un fitxer extern i connectar-lo des d'allà. En cas contrari, val la pena inserir el text de l’escriptura al cos de la pàgina. Si la mida de l'script és gran, val la pena col·locar-lo en un bloc separat del document. Si el codi del programa és de petit volum i implementa una reacció a qualsevol esdeveniment, és permès col·locar-lo en un atribut que defineixi el controlador d’esdeveniments integrat d’un element o l’atribut href d’un enllaç.
Pas 2
Enganxeu l'script d'una font externa. Afegiu un element SCRIPT amb els atributs src i type especificats al cos del document o a la secció HEAD. Per exemple, podeu fer-ho així: el valor de l'atribut src ha de ser un URI que apunti al recurs des del qual es carregarà el text de l'script. L'atribut de joc de caràcters és opcional. Indica la codificació del text de l'script. Però si s'omet, el valor de codificació es prendrà com a valor de codificació del document en què s'insereix l'script.
Pas 3
Inseriu l'script al text de la pàgina. Utilitzeu un element SCRIPT amb text de seqüència interior. Per exemple, podria tenir aquest aspecte:
alert ("El guió funciona!");
Els comentaris HTML que incloguin el codi són necessaris per a la compatibilitat amb navegadors antics. Podeu utilitzar comentaris XML en documents XHTML.
Pas 4
Inseriu codi javascript als controladors d'esdeveniments en línia. Cerqueu l'element al document l'esdeveniment del qual vulgueu gestionar. Afegiu un atribut que defineixi el controlador adequat. Per exemple, l'atribut que especifica el controlador per a un clic del ratolí sobre un element és onclick, el controlador per a la pèrdua de senyal d'enfocament és onblur i el controlador de pulsació de tecles està onkeydown.
Pas 5
Introduïu el codi de script com a text que especifica el valor de l'atribut afegit. Per exemple, per mostrar un missatge quan es fa clic amb un ratolí sobre un element DIV, podeu utilitzar la construcció següent: Text de text de text Tingueu en compte que per definir literals de cadena al codi del controlador d'elements en línia, heu d'utilitzar un tipus de cometes diferent dels que especifiquen el valor de l'atribut HTML …
Pas 6
Afegiu l'script a l'element href de l'enllaç. El valor href ha de ser un URL, el descriptor del protocol del qual és "javascript:" i la part de l'adreça és una expressió computada. Per exemple: text de l’enllaç Si heu d’utilitzar diverses expressions, utilitzeu un bloc d’instruccions definit entre claudàtors {i}.
