Temas > Programacion > Java script - Java > Archivo JavaScript externo
Julio

Archivo JavaScript externo (*.js)
El lenguaje JavaScript permite agrupar funciones y disponerlas en un
archivo separado a la página HTML.
Esto trae muchos beneficios:
- Reutilización de funciones en muchos archivos. No tenemos que copiar y
pegar sucesivamente las funciones en las páginas en las que necesitamos.
- Facilita el mantenimiento de las funciones al encontrarse en archivos
separados.
- Nos obliga a ser más ordenados.
La mecánica para implementar estos archivos externos en JavaScript es:
1 - Crear un archivo con extensión *.js y tipear las funciones en la
misma:
<?php //esto no va
function retornarFecha()
{
  var fecha
  fecha=new Date();
  var cadena=fecha.getDate()+`/`+(fecha.getMonth()+1)+`/`+fecha.getYear();
  return cadena;
}
function retornarHora()
{
  var fecha
  fecha=new Date();
  var
cadena=fecha.getHours()+`:`+fecha.getMinutes()+`:`+fecha.getSeconds();
  return cadena;
}
?>//esto no va
2 - Creamos un archivo html que utilizará las funciones contenidas en el
archivo *.js:
<?php //esto no va
<html>
<head>
<title>Problema</title>
<script language="javascript" type="text/javascript"
src="pagina2.js"></script>
</head>
<body>
<script language="javascript">
document.write(`La fecha de hoy es:`+retornarFecha());
document.write(`<br>`);
document.write(`La hora es:`+retornarHora());
</script>
</body>
</html>
?>//esto no va
Es decir debemos disponer el siguiente código para importar el archivo
*.js:
<script language="javascript" type="text/javascript"
src="pagina2.js"></script>
Mediante la propiedad src indicamos el nombre del archivo a importar.
Luego, podemos llamar dentro de la página HTML, a las funciones que
contiene el archivo externo *.js; en nuestro ejemplo llamamos a las
funciones retornarFecha() y retornarHora().
Como podemos ver, el archivo html queda mucho más limpio.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
 123456
78910111213
14151617181920
21222324252627
282930    

Viernes 4 de Abril 2025
Semana 14

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar