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: 448
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: 1220469
Usuarios en linea:

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

Miercoles 19 de Enero 2022
Semana 03

Enlaces de interes

Todos los viernes a las 23:30 hs

Java script - Java

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

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

Foro creado y diseñado para compartir conocimientos
Derechos reservados. Autor: Julio Tortosa (Contacto)..