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
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

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