2010-10-04 17 views
5

Tengo un escenario en el que quiero que una página web contenga un <link> en un recurso de Javascript, y hago que ese recurso cargue otros dos recursos de Javascript desde el mismo servidor web. es posible? ¿Se puede hacer de una manera independiente del navegador?¿Puedo obtener el recurso de Javascript para cargar otro?

Esto puede parecer un poco inusual, pero hay razones complicadas por las que me gustaría poder hacerlo, y por qué combinar los recursos en un solo archivo es ... incómodo.

+0

puede estar poniendo todo en un solo archivo es compleja, pero ¿por qué no tener tres etiquetas de script? – GoodSp33d

+0

El enlace está en un archivo HTML que no quiero modificar ... si puedo evitarlo. (El sitio está compuesto por superposiciones de archivos WAR de Maven, y no soy "propietario" del módulo que aporta el archivo HTML. Puedo copiar el archivo y modificarlo, pero luego tengo un problema para hacer un seguimiento de los cambios realizados en el original versión.) –

Respuesta

4

Si no estoy equivocado, el recurso de Javascript no es más que tus archivos * .js, ¿verdad? Puede incluir cualquier número de js en su página, con la etiqueta <script>. p.

<script type="text/javascript" src="MyDomain/js/abc.js"></script> 
<script type="text/javascript" src="MyDomain/js/xyz.js"></script> 

Además, en un archivo js, ​​puede importar otro archivo js, ​​llamando al siguiente función:

function IncludeJavaScript(jsFile) 
{ 
    document.write('<script type="text/javascript" src="' 
    + jsFile + '"></scr' + 'ipt>'); 
} 

EDIT:

U otra manera de escribir misma función:

function includeJS(jsPath) 
{ 
    var js = document.createElement("script"); 
    js.setAttribute("type", "text/javascript"); 
    js.setAttribute("src", jsPath); 
    document.getElementsByTagName("head")[0].appendChild(js); 
}; 

Llamar a estas funciones dentro de su archivo js .

+0

Gracias. Eso funcionó un encanto. –

+0

Más tarde, pensé, ¡estás buscando '@ import' en JavaScript! Como usamos en CSS ... Para css: '@import url ("/ami/css/style.css ");' – Vikas

Cuestiones relacionadas