¿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.
|
