¿Cómo utilizar los archivos .js de JavaScript?

En este artículo veremos la posibilidad de incluir los JavaScripts utilizados en un sitio dentro de un sólo archivo .js. Realizando esto, podemos mantener el orden en nuestras páginas, y además, facilitará las tareas de actualización ya que sólo se deberá modificar un archivo.

La forma de incluirlo es muy sencilla, debemos ubicar el siguiente código dentro de las etiquetas <head> y </head>:

<script src="archivo.js"></script>

Se utiliza la extensión .JS por una cuestión de abreviación de la palabra JavaScript, se trata simplemente de un archivo de texto que puede ser editado con el Notepad o cualquier editor html.

El archivo .JS

Cuando insertamos un JavaScript dentro de una página lo hacíamos de esta manera:

<script>
function ventana(archivo,ancho,alto){
        window.open(archivo,"Titulo de la ventana","toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=yes, resizable=0, copyhistory=0, width=" + ancho + ", height=" + alto);
    }
</script>

Utilizábamos las etiquetas <script> para declarar que se trata de un Script (el código mostrado en el ejemplo es un función en JavaScript para abrir una ventana o popup).

Ahora, deberemos llamarlo así:

<html>
<head>
<script src="scripts.js"></script>
</head>

Y dentro del archivo scripts.js deberemos ubicarlo de la siguiente manera:

function ventana(archivo,ancho,alto){
        window.open(archivo,"Titulo de la ventana","toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=yes, resizable=0, copyhistory=0, width=" + ancho + ", height=" + alto);
    }

Notarán que en el archivo no se encuentran las etiquetas <script>, esto se debe a que ya han sido ubicadas cuando llamamos al archivo scripts.js.

Lo mismo se puede realizar con las hojas de estilo, pero eso lo veremos en un próximo artículo.

Deja un comentario