Dúvida: Tem como importar um arquivo JavaScript dentro de outro arquivo JavaScript? Como é feito em arquivos .CSS, por exemplo:
Podemos ter várias folhas de estilo: layout.css, tipografia.css, print.css…
E na hora de carregar, chama-se todos esses arquivos em apenas um arquivo, no caso estilos.css.
O codigo da página estilos.css ficaria assim:
@import “layout.css”;
@import “tipografia.css”;
@import “print.css”;
E a chamada na página ficaria assim:
<link rel=”stylesheet” type=”text/css” href=”estilos.css” />
Agora, como fazer isso com arquivos JavaScript?
Bem, da pra fazer assim:
em seu arquivo principal.js você pode importar os outros arquivos, simplesmente colocando assim:
document.write(‘<script type=”text/javascript src=”arquivo.js”></script>’);
Há, da pra fazer em PHP também assim: crie uma pagina php, chamada por exemplo, scripts.php, coloque isso:
- <?php
- header(“Content-Type: text/javascript”);
- include “script1.js”;
- include “script2.js”;
- ?>
Ai na pagina que vai chamar, você coloca assim:
- <script type=“text/javascript” src=“scripts.php”></script>
Também funciona que é uma maravilha…
Em Java, seria algo mais ou menos assim:
- <%@page contentType=“text/html”%>
- <%@ include file=“script1.js“ %>
- <%@ include file=“script2.js“ %>
Fontes:
http://roadfork.narod.ru/JavaScript.htm
http://www.velocityreviews.com/forums/t155619-import-javascript-like-css.html
dentro do principal.js
oScript = document.createElement(‘script’);
oScript.src = ‘script1.js’;
oScript.type = ‘text/javascript’;
document.body.appendChild(oScript);
muito bom cara vlw.. tava procurando isso para diminuir as requisições http em meus trabalhos vlw o//
Muito bom!