DOC

9 Un ejemplo de Java Script

By Paul Lopez,2014-04-24 14:47
15 views 0
9 Un ejemplo de Java Script

9 Un ejemplo de Java Script

9-1 Introducción

A diferencia del HTML, el Java Script es un lenguaje de programación. No abundaremos en este curso sobre su uso,

    pero si aprenderemos a usar y editar una función específica de Java Script que nos permitirá insertar código HTML

    en varios archivos al mismo tiempo. Al igual que en las Hojas de Estilo, Java Script se vale de un archivo de texto

    externo a los documentos HTML, el cual tiene extensión "js".

    9-2 Vinculación de un archivo HTML y un JS

En el encabezado del documento HTML en el que se va a usar la función o las funciones Java Script que contiene un

    documento JS, debemos agregar las etiquetas <SCRIPT> y </SCRIPT>, cuyo formato es:

<SCRIPT language="javascript" src="url"></SCRIPT>

language="javascript" aquí indica que el lenguaje script que usaremos es Java Script, también podría ser VBScript.

    src="url" en lugar de url se pone la ruta donde encontraremos el archivo JS que contienen las funciones a utilizar.

    Es importante incluir la etiqueta de cierre </SCRIPT> aunque nada se ponga dentro.

    El código anterior vincula a ese archivo HTML con el archivo funciones.js.

9-3 Edición del archivo JS

La función siguiente es útil cuando queremos colocar en varios archivos HTML un mismo código, en lugar de escribir

    ese trozo de código HTML en cada uno de los archivos, podemos construir una función en Java Script que sea

    equivalente al código, de esa manera simplemente vinculando a los archivo HTML con el JS que contiene la función,

    y luego invocando a esta en la parte del documento HTML donde deseamos que aparezca el trozo de código,

    podremos ver el resultado.

9-3-1 Comentarios.

    En Java Script todo lo contenido entre /* y */ es un comentario y no afecta el código del programa.

    9-3-2 El código del ejemplo

/* Bautizo a la función con el nombre TrozoCodigo */

    function TrozoCodigo()

/* Paréntesis de apertura */

    {

/* Declaro la variable llamada salida */

    var salida ="";

/* uso el símbolo += para ir agregando código a la variable salida */

    salida += "<HR>";

    salida += "<P>Adiós";

    salida += "<DIV align = 'center'>";

    salida += "Planeta";

    salida += "</DIV>";

/* agrego código usando una variante el símbolo + dentro de += */

    salida += "<A HREF='http://cualquierlugar.com'>" + "Esto es un link" + "</A><HR>";

/* Finalmente indico que el contenido de la variable salida sea escrito */

    document.writeln(salida);

}

     /* Paréntesis de cierre */

9-3-2 Sintaxis del Java Script

El nombre de las variables debe empezar con una letra, y puede contener solo caracteres alfanuméricos y el guión

    bajo "_". Es importante también recalcar que el Java Script distingue entre mayúsculas y minúsculas, es decir que

    para el no es lo mismo "NOMBRE" que "nombre".

    Las comillas dobles, son propias del uso del lenguaje script, cuando quiero hacer referencia dentro del código HTML

    a las comillas dobles, debo usar las comillas simples.

9-3-3 Como invocar la función

En el siguiente ejemplo vemos el código completo de un documento HTML que invoca a la función editada en el ítem

    anterior y el resultado de ejecutarlo (se parte del supuesto que el código anterior está en un archivo llamado “j.js” y

    que este archivo está en el mismo directorio del documento HTML).

Report this document

For any questions or suggestions please email
cust-service@docsford.com