How to make a button that calls an iframe

• Hide <iframe> with CSS ( display:none )
• When you click the button, use javascript to display, as follows:

function exibirIframe()
{
    document.getElementById("iframe").style.display = "block";
}

#iframe {
    display: none;
}

<div>
    <iframe
            width="1100"
            height="500"
            id="iframe"
            src="https://www.google.com.br"scrolling="no">
    </iframe>
</div>
<input type="button" value="Exibir Iframe" onclick="exibirIframe();" />

Only one note : pages like google.com will not allow other domains to use it in iframes, per security account. This is done through the X-Frame-Options header sent by the server . I hope you've used this page as an example.

If you want another alternative using jQuery, just include the jQuery code call and add this code snippet to the end of the code:

<script>
$(document).ready(function ()
{
    $('iframe').hide();
    $('button').click(function ()
    {
        $('iframe').show();
    });
});
</script>

I think the above code is self-explanatory, but if you need some help or explanation just call.