Incluir .js dentro de otro .js

orod · #1 (**permalink**) 09/05/2003, 02:10

Se puede incluir un .js dentro de otro .js???, he buscado en un par de manuales y no encontrado nada. Gracias.

JavierB · #2 (**permalink**) 09/05/2003, 02:44

Hola, orod. Bienvenido al Foro.

Yo diría que no se puede incluir un .js dentro de otro. Lo que puedes hacer es incluir los 2 en la sección <head> de la página:

<head>
<script language="JavaScript" src="uno.js"></script>
<script language="JavaScript" src="dos.js"></script>
</head>

Creo que con esto debería funcionar. Saludos,

orod · #3 (**permalink**) 09/05/2003, 03:07

Gracias por responder. Pero asi no funciona lo que yo quiero.
Lo que quiero hacer es poder llamar desde el primer .js a una función del segundo .js por lo que incluir los en el .htm no me sirve de nada :(.

KarlanKas · #4 (**permalink**) 09/05/2003, 04:21

cómo que no?
incluyes el llamado antes que el llamador!

Beakdan · #5 (**permalink**) 09/05/2003, 12:45

Orod:
Esto me funciona a mí:

en el primer archivo js (archivo1.js):

Código:

//codigo
//codigo
//codigo
//llamo al segundo js (archivo2.js)

document.write("<SCR" + "IPT LANGUAGE='JavaScript'
SRC='archivo2.js' TYPE='text/javascript'><\/SCR" + "IPT>");

Espero que esto te ayude.
Saludos.

ALB2008 · #6 (**permalink**) 07/08/2008, 11:39

Hola!!...tengo el mismo problema que dió inicio a esta consulta, utilicé la respuesta pero no funicionó:

El detalle de mi problema es:

En mi página invoco a un js (primer.js), y en este debo incluir una llamada a una función que está en otro js (segundo.js), entonces lo que hago es:

Página:
<script type="text/javascript" src="/Ruta/primer.js"></script>

Primerjs:

document.write("<script type='text/javascript' src='Ruta2/segundo.js'></script>");

funcionDelSegundoJs(); (llamado a funcion que está en segundo.js)

functionAdel1erJs(){}

functionBdel1erJs(){}

Segundojs:
funcionDelSegundoJs() {
Bla, bla;
}

En el document.write he probado también con lo sgte, pero tampoco funciona:

a) var IrArchivo = "Ruta/segundo"+".js";
document.write("<script src='+IrArchivo+'></script>");

b) var IrArchivo = "Ruta/segundo.js";
document.write("<script src='+IrArchivo+'></script>");

Alguien me puede ayudar?.
Muchas gracias.

David · #7 (**permalink**) 07/08/2008, 11:43

¿Probaste con lo que dijo JavierB?. Incluye primero el segundo *.js y después, el primero desde donde llamas a la función.

ALB2008 · #8 (**permalink**) 07/08/2008, 11:52

No, pues esa solución no me sirve...necesito que desde el primer Js se llame a una función que está en el segundo js, tal y como lo expliqué anteriormente.

Saludos.

David · #9 (**permalink**) 07/08/2008, 11:58

Pero si incluyes el segundo js primero, claro que vas a poder llamar a la función que está en el segundo js...

Intenta primero, para después comentar si te funcionó o no.

ALB2008 · #10 (**permalink**) 07/08/2008, 12:12

David:
Sé que eso obviamente funciona, dije No, pues no va por ahí mi solución porque tengo muuuuuuchas páginas que requieren utlizar funciones del segundo.js, éste a su vez puede cambiar de servidor cada cierto tiempo, entonces para evitar tener que modificar todas las páginas cada vez que cambie, sólo quiero cambiar el primer.js....hay otras razones además de la indicada....es por ello que requiero que la página sólo invoque al js "indexador" y éste al segundo.js que tienen las "x" funciones.

Se entiende?...espero que si...

Agradezco su ayuda.

Saludos.

David · #11 (**permalink**) 07/08/2008, 12:22

¿Tienes certeza que estás poniendo el document.write() antes de llamar a la función?. ¿Has comprobado que estás colocando la ruta correcta al segundo *.js?.

Porque yo he probado y funciona.

#12 (**permalink**) 07/08/2008, 13:38

Sean uno.js y dos.js.

Código:

Si (uno.js necesita llamar a dos.js, pero dos.js no necesita llamar a uno.js) entonces
    primero pones dos.js y luego uno.js
else Si (dos.js necesita llamar a uno.js, pero uno.js no necesita llamar a dos.js) entonces
    primero poner uno.js y luego dos.js
else Si (dos.js necesita llamar a uno.js, y uno.js también necesita llamar a dos.js) entonces
    reorganizas uno.js y dos.js de modo que las funciones que no pueden funcionar por separado vayan en el mismo fichero.

La tercera posibilidad lo que quiere decir es básicamente, que si tienes dependencias tan fuertes, entonces no debes separarlo en distintos ficheros. Si siempre los vas a tener que incluir los dos de todos modos, es mejor que estén en un único fichero. Da iugual que una parte cambie y la otra no. Claramente si hay una dpendencia tan fuerte, deben ir juntos.

Adler · #13 (**permalink**) 07/08/2008, 14:45

Hola

Prueba con esto, que es muy sencillo y comentas si funcionó

js.html

Código PHP:

  <html>
<head>
<script type="text/javascript" src="js2.js"></script>
</head>
<body>
<table bgcolor="#ffffff" border="0" cellspadding="0px" cellspacing="1px" width="550px">
<tr>
<td class="foro_ini_seccion" height="30px">
<a style="float:right" href="#" onclick="recoge_despliega('datos_globales');return false"><img id="datos_globales" width="11px" height="12px" src="./imagen.gif" border="0" /></a> 
Datos Globales de Mensajes Internos</td>
</tr>
<tbody id="muestra_ocultaobj_datos_globales" style="">
<tr>
<td class="fuentepeq">
Bandeja de Entrada:
<strong>10</strong>
<br />
Bandeja de Salida:
<strong>32</strong>
<br />
Total de Mensajes almacenados: <strong>42</strong> de un total de 50 permitidos<br />
</td>
</tr>
</table>
</body>
</html>

js1.js

Código PHP:

  var ns6 = (document.getElementById)? true:false
var ie4 = (document.all)? true:false
var ns4 = (document.layers)? true:false
function captura_objeto(idnombre) {
    if (ns6)
    {
    return document.getElementById(idnombre);
    }
    else if (ie4)
    {
    return document.all[idnombre];
    }
    else if (ns4)
    {
    return document.layers[idnombre];
    }
    else
    {
    return null;
    }
}

js2.js

Código PHP:

  document.write("<script type='text/javascript' src='js1.js'></script>"); 

function recoge_despliega(objid) {
obj = captura_objeto('muestra_ocultaobj_' + objid);
img = captura_objeto('muestra_ocultaimg_' + objid);
cel = captura_objeto('muestra_ocultacel_' + objid);
    if (obj) {
    obj.style.display = (obj.style.display == 'none') ? "block" : "none";
    }
    if (img) {
    img.style.display = (img.style.display == 'none') ? "block" : "none";
    }
    if (cel) {
    cel.style.display = (cel.style.display == 'none') ? "block" : "none";           
    }
}

Suerte

Panino5001 · #14 (**permalink**) 07/08/2008, 15:12

Otra manera: en el archivo que necesitás que cargue primero, agregás estas líneas:

Código PHP:

  var include=function(){
    return function(Src){
        var sc=document.createElement('script');
        sc.type='text/javascript';
        sc.src=Src;
        document.getElementsByTagName('body')[0].appendChild(sc);
        sc=null;
    }
}();
window.onload=function(){
include('1.js');//llamada al segundo archivo
}

buzu · #15 (**permalink**) 07/08/2008, 21:51

MMM... cuando usas un docuemnto javascript puedes llamar una funcion incluso antes de ser declarada, de modo que:

Código PHP:

  funcionFantasma(); 
 
function funcionFantasma(){ 
     //codigo de la funcion 
}

es totalmente correcto, sin embargo no es lo mismo cuando haces una llamada a una función que esta dentro de otro js. El js en el que está contenida la función debe estar totalmente cargado antes de que el js de donde se llama la función haga la llamada a la función. Me parece que la solución que presenta panino puede funcionar pero todo depende de como se haga la llamada a la función y de la estructura del js.

ALB2008 · #16 (**permalink**) 11/08/2008, 12:30

Gracias: utilicé la indicación de Panino5001, y funcionó.

Saludos.

buzu · #17 (**permalink**) 11/08/2008, 17:26

Bien.. que bueno que hayas resuelto el problema. Espero que tambien haya entendido como es que funciona la inclusión de archivos js desde otros js.