Archivo JavaScript externo

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

Julio(Admin)

Fecha de registro: 2011-01-21 21:33:50
Total temas creados: 452
Total mensajes enviados: 21

Fecha del Tema: 2013-04-15 17:23:39

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.

Si quieres dejar un comentario registrate o inicia sesión pulsando aquí

¿Has olviado tu contraseña?
¿Todavia no te has registrado?
Pulsa aquí para registrate

Visitas: 1311032
Usuarios en linea: 1

Google

Calendario

Lun	Mar	Mie	Jue	Vie	Sab	Dom

1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Viernes 12 de Agosto 2022
Semana 32

Enlaces de interes

Todos los viernes a las 23:30 hs

Java script - Java

-Input type submit con evento onclick
-Maneras de salir de un iframe con java script
-Sintaxis de un list array en java
-Consumir un JSON desde PHP
-Producir JSON desde PHP
-Mostrar un tooltip con datos recuperados en jQuery
-Menu desplegable en jQuery
-Llamadas encadenadas de metodos del objeto jQuery
-Funcion ajax en jQuery
-JSON en jQuery
-Pasando datos por los metodos GET y POST en jQuery
-Ajax metodos ajaxStart y ajaxStop en jQuery
-Ajax metodo load en jQuery
-Iteracion por los elementos each en jQuery
-Efecto con el metodo toggle en jQuery
-Efecto con el metodo fadeTo en jQuery
-Efectos con los metodos fadeIn y fadeOut en jQuery
-Efectos con los metodos show y hide en jQuery
-Manipulacion de los elementos del DOM en jQuery
-Evento blur en jQuery
-Evento focus en jQuery
-Evento dblclick en jQuery
-Eventos mousedown y mouseup en jQuery
-Evento mousemove en jQuery
-Evento hover en jQuery
-Eventos mouseover y mouseout en jQuery
-Administracion de eventos con jQuery
-Metodos html y html valor en jQuery
-Metodos addClass y removeClass en jQuery
-Metodos attr y removeAttr en jQuery
-Metodos text, text valor en jQuery
-Seleccion de elementos con la clase CSS definida
-Seleccion de elementos utilizando el selector CSS
-Seleccion de elementos por el tipo de elementos jQ
-Seleccion de un elemento mediante el id jQuery
-Nueva manera de programar JavaScript con jQuery
-Que es el jQuery
-Archivo JavaScript externo
-Propiedad screen del objeto window en java script
-Propiedad location de objeto window en java script
-El objeto window en java script
-Eventos onMouseOver y onMouseOut en java script
-Eventos onFocus y onBlur en java script
-Control TEXTAREA en java script
-Control RADIO en java script
-Control CHECKBOX en java script
-Control SELECT en java script
-Control PASSWORD en java script
-Controles FORM, BUTTON y TEXT en java script
-Formularios y Eventos en java script
-Clase Math en java script
-Clase String en java script
-Clase Array en java script
-Clase Date en java script
-Programacion orientada a objetos en java script
-Funciones que retornan un valor en java script
-Funciones con parametros en java script
-Funciones en java script
-Estructura repetitiva for en java script
-Estructura repetitiva do while en java script
-Concepto de acumulador en java script
-Estructura repetitiva (while) en java script
-Operadores logicos or en las estructuras java s
-Operadores logicos (and) en las estructuras java s
-Estructuras condicionales anidadas en java script
-Estructuras condicionales compuesta en jaca script
-Estructuras condicionales simples en java script
-Estructuras secuenciales en java script
-Entrada de datos por teclado en java script
-Variables en java script
-Que es JavaScript
-Lectura y escritura de archivos en java
-Entrada y salida estandar en Java
-Programa para contar vocales de un fichero en java
-Convertidor de divisas en java
-Form con una ventana nueva
-Seleccionar un elemento html mediante su id

..............................................................................................................................................................................................................................................

Foro creado y diseñado para compartir conocimientos
Política de privacidad y Aviso legal Autor: Julio Tortosa (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