Publicado em 25 de mai.

[Resolvido] Inserir javascript dinamicamente

Estou tentando fazer uma espécie de include para javascript. O código é até adicionado à pagina mas quando chamo alguma função do código adicionado simplesmente não funciona. Por favor, alguém pode me ajudar?

// função include

function include(file_path) {
var j = document.createElement("script");
j.type = "text/javascript";
j.src = file_path;
var scripts = document.getElementsByTagName("script");
 // insere sempre como o primeiro script da pagina
document.getElementsByTagName('head')[0].insertBefore(j,scripts[0]);
}

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Ismaeldm· 25 de mai.

>
Estou tentando fazer uma espécie de include para javascript. O código é até adicionado à pagina mas quando chamo alguma função do código adicionado simplesmente não funciona. Por favor, alguém pode me ajudar?

// função include

function include(file_path) {
var j = document.createElement("script");
j.type = "text/javascript";
j.src = file_path;
var scripts = document.getElementsByTagName("script");
 // insere sempre como o primeiro script da pagina
document.getElementsByTagName('head')[0].insertBefore(j,scripts[0]);
}

Achei meio estranho esse src...

Mas enfim, faça o seguinte, abra com o Chrome e aperte CTRL + SHIFT + J, aí ele irá mostrar algum erro

Henrique Barcelos· 25 de mai.

j.type = "text/javascript";
 j.src = file_path;

Tente:

j.setAttribute('type', "text/javascript");
 j.setAttribute('src', file_path);

Bills· 26 de mai.

Ainda continua sem identificar o código adicionado. Vou dar um exemplo:

Imagine o documento 'include.js' com apenas minha function:

function include(file_path) {
var j = document.createElement("script"),

head = document.getElementsByTagName('head')[0]

j.setAttribute('type', "text/javascript")
j.setAttribute('src', file_path)

head.insertBefore(j,head.firstChild)
}

E também o documento 'x.js' com a seguinte função apenas:

var msg = function(m) {
alert(m)
}

E o documento 'teste.html' testaria o código:

<html>
<head>
<script type="text/javascript" src="include.js"></script>

<script type="text/javascript">
	include('x.js')
	msg("olá");
</script>
</head>
<body>
</body>
</html>

Porém o "include" faz o que ele deveria fazer, adicinar o script, mas o script adicionado não é lido pelo navegador. Com isso a messagem de erro Uncaught ReferenceError: msg is not defined aparece no console.

Alguém sabe como resolver isso?

William Bruno· 26 de mai.

o 'problema', é que a sua chamada a função, não estava 'esperando' que o script terminasse de carregar.

Veja:

<html>
<head>
<script type="text/javascript">
function include(file_path) {
	var j = document.createElement("script"),
	head = document.getElementsByTagName('head')[0]

	j.setAttribute('type', "text/javascript")
	j.setAttribute('src', file_path)

	head.insertBefore(j,head.firstChild)
}
include('x.js');

window.setTimeout(

	function(){ msg('ola') }, 200
);
</script>
</head>
<body>

</body>
</html>

coloquei o setTimeout, apenas para ilustrar a situação. Não use dessa forma.

Crie um callback para a tua função include.

Bruno Augusto· 26 de mai.

Quando há a necessidade de um PHP Include no JavaScript, gosto da versão do PHP.JS

Se você não usa o "framework" deles, pode apagar do comentário // BEGIN REDUNDANT pra baixo

Bills· 26 de mai.

Obrigado a todos que responderam.

E William Bruno, realmente era a questão de precisar de um setTimeout mesmo.

Acabei achando esse Script https://github.com/ded/script.js ... bem interessante por sinal.

Pode fechar o tópico.