0

Estou tentando inserir JavaScript em um página HTML com JavaScript, após a pagina já ter carregado, mas não consigo fazer o novo código funcionar , qual o problema?

var javascript = "<script> function alerta() { alert('ok'); }</script>";

var button = "<button type='button' onclick='alerta();'>start</button>";

var body = document.getElementsByTagName('body')[0];

body.insertAdjacentHTML('beforeend', javascript);

body.insertAdjacentHTML('beforeend', button);

Obs.: não posso colocar o código dentro do onclick!

1
  • O que seria essa tag <javascript>?
    – MagicHat
    8/07/2017 às 20:28

3 Respostas 3

1

Uma alternativa seria criar o script conforme o exemplo abaixo, e no lugar de insertAdjacentHTML() utilizei o método appendChild()

var script = document.createElement("script");
script.type = 'text/javascript';
script.innerHTML = "function alerta(){alert('ok');}";

var button = "<button type='button' onclick='alerta();'>start</button>";

var body = document.getElementsByTagName('body')[0];

body.appendChild(script);

body.insertAdjacentHTML('beforeend', button);

2
  • Qual a diferença? 8/07/2017 às 20:43
  • @DenilsonOliveira o método appendChild adiciona um elemento no DOM, já o insertAdjacentHTML, analisa uma string como html e insere na posição especificada.
    – Mathiasfc
    8/07/2017 às 20:57
0

A tag <javascript> não é procuras, seria <script>. Porem quando inseres </script> com JavaScript dentro de HTML isso não funciona. Não funciona porque alguns browsers vêm a tag de fecho </script> e pensam que é a tag do HTML do script que estás a correr e isso dá erro.

Faz a função com JavaScript "normal", e a inserção do botão como estavas a fazer.

function alerta() { alert('ok'); }
var button = "<button type='button' onclick='alerta();'>start</button>";

var body = document.body;
body.insertAdjacentHTML('beforeend', button);

-2

Tente Usar isso para carregar o codigo

<script>
function myFunc(){
    // Aqui vai o codigo que vai rodar antes da pagina ser carregada...
}
window.onload = myFunc;
</script>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .