vou apresentar meu código de teste resumido para melhor entendimento.
index.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Teste</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
script.js
function init() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//externo.com/js/encurtador.js';
document.body.appendChild(script);
}
window.addEventListener("DOMContentLoaded", init);
encurtador.js (externo, não possuo acesso ao arquivo)
document.addEventListener("DOMContentLoaded", function(e) {
// Codigo que faz a analise de todas tags <a> e insere o url encurtado
});
Meu Problema
Estou tentando carregar um script externo no qual ele também faz o uso do 'DOMContentLoaded'.
Pelo meu entendimento (me perdoa se estiver equivocado) é que quando o script externo é inserido no final do <body>
o DOM já esta concluído, e devido a esse motivo o script externo não consegue executar sua funcionalidade.
- Você deve esta se perguntando o motivo deu esta querendo fazer isso, invés de simplesmente adicionar o script direto a página?
É que pretendo deixar aleatório essa inserção , será digamos (5 links) de varias empresas diferentes de encurtador, será controlado por cookies quando usar um ou outro.
Desculpe se não consegui explicar claramente minha dúvida, posso tentar ser mais detalhado enquanto a duvidas de vocês caso não tenha entendido algo. Agradeço de coração quem conseguir me ajudar, muito obrigado :)