Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Archivo externo (.js) en JavaScript

Tags: archivo, externo, js, manual, funcion, include, javascript, html, limpio, web
publicado el 2010-07-19   leido 4662 leídas

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.

Mecánica para implementar estos archivos externos en JavaScript


1 - Crear un archivo con extensión *.js y tipear las funciones en la misma:
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;
}
2 - Creamos un archivo html que utilizará las funciones contenidas en el archivo *.js:
<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>
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().

Con esto, el archivo html queda mucho más limpio.

Te gust?

Redireccionar con location en JavaScript

Programación orientada a objetos en JavaScript

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:

Indice.
Javascript

Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados