La forma principal de crear efectos dinámicos en las páginas web es mediante el uso de scripts del lado del cliente. Son fragmentos de código que son interpretados por el motor de secuencias de comandos de la aplicación que muestra el documento. JavaScript es un lenguaje de programación popular utilizado para secuencias de comandos. Para que el script pueda ejecutarse, debe insertarse en el documento de alguna manera.
Es necesario
- - código de secuencia de comandos;
- - documento fuente;
- - editor de texto.
Instrucciones
Paso 1
Determine la mejor forma de insertar el script. Si se supone que se utilizará el mismo script en diferentes documentos, entonces tiene sentido moverlo a un archivo externo y conectarlo desde allí. De lo contrario, vale la pena incrustar el texto del script en el cuerpo de la página. Si el tamaño del guión es grande, vale la pena colocarlo en un bloque separado del documento. Si el código del programa es pequeño en volumen e implementa una reacción a cualquier evento, está permitido colocarlo en un atributo que defina el controlador de eventos integrado de un elemento o el atributo href de un enlace.
Paso 2
Pegue el script de una fuente externa. Agregue un elemento SCRIPT con los atributos src y type especificados al cuerpo del documento o la sección HEAD. Por ejemplo, puede hacerlo así: El valor del atributo src debe ser un URI que apunte al recurso desde el cual se cargará el texto del script. El atributo charset es opcional. Indica la codificación del texto del script. Pero si se omite, el valor de codificación se tomará como el valor de codificación del documento en el que se inserta el script.
Paso 3
Inserte el guión en el texto de la página. Utilice un elemento SCRIPT con texto de script en su interior. Por ejemplo, podría verse así:
alert ("¡El script está funcionando!");
Los comentarios HTML que incluyen el código son necesarios para la compatibilidad con navegadores más antiguos. Puede utilizar comentarios XML en documentos XHTML.
Paso 4
Inserte código javascript en controladores de eventos en línea. Busque el elemento en el documento cuyo evento desea manejar. Agregue un atributo que defina el controlador apropiado. Por ejemplo, el atributo que especifica el controlador para un clic del mouse en un elemento es onclick, el controlador para la señal de pérdida de foco es onblur y el controlador de pulsaciones de teclas está onkeydown.
Paso 5
Ingrese el código de secuencia de comandos como el texto que especifica el valor del atributo agregado. Por ejemplo, para mostrar un mensaje cuando se hace clic con el mouse en un elemento DIV, puede usar la siguiente construcción: Texto texto texto Tenga en cuenta que para definir cadenas literales en el código del controlador de elementos en línea, debe usar un tipo de comillas diferente a las que especifican el valor del atributo HTML …
Paso 6
Agregue el script al elemento href del enlace. El valor href debe ser una URL, cuyo descriptor de protocolo es "javascript:" y la parte de la dirección es una expresión calculada. Por ejemplo: Texto de enlace Si necesita usar varias expresiones, use un bloque de declaración definido por los corchetes {y}.
