1

Ola

Eu preciso usar uma variável que contem o meu código HTML para exibir dentro de um iframe, mas a minha pagina não exibe. O que pode estar errado ?

Meu código:

<html>
<head><title></title></head>
<script type="text/javascript">

function prepareFrame() {

    var bodycode =
        "<html><head><title>" +
        "Teste</title></head>" +
        "<body>teste</body></html>"                 // ESSE E O HTML
    
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", bodycode);             // AQUI TENTO INSERIR NO IFRAME
    ifrm.style.width = "500px";
    ifrm.style.height = "500px";
    document.body.appendChild(ifrm);
}
</script>
<body>
<script type="text/javascript">prepareFrame();</script>
</body>
</html>

Obrigado

0

1 Resposta 1

1

Você está fazendo isso:

 ifrm.setAttribute("src", bodycode);

Ocorre que src é o endereço do iframe, e não o html dele.


Se quer especificar uma string como fonte, tem que modificar o srcdoc:

 ifrm.setAttribute("srcdoc", bodycode);

Veja funcionando:

<html>
<head><title></title></head>
<script type="text/javascript">

function prepareFrame() {

    var bodycode =
        "<html><head><title>" +
        "Teste</title></head>" +
        "<body>teste</body></html>"
    
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("srcdoc", bodycode);
    ifrm.style.width = "500px";
    ifrm.style.height = "500px";
    document.body.appendChild(ifrm);
}
</script>
<body>
<script type="text/javascript">prepareFrame();</script>
</body>
</html>

1
  • 1
    Obrigado pela ajuda
    – user171274
    Commented 9/07/2020 às 14:37

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