Is it possible to create an iframe on click of a button using javascript

Question

I have a UI with a print button, i want to create an iframe on click of the print button, is it possible using javascript?

Answer 1

document.getElementById('print-button').onclick = function() {

   var iframe = document.createElement('iframe');
   iframe.src = 'http://example.com';
   document.body.appendChild(iframe);

};

Of course, if you're intending to attach more events of the same type, use addEventListener().

If jQuery is at your disposal...

$("#print-button").click(function() {
    $("<iframe />", { src: "http://example.com" }).appendTo("body");
});

Answer 2

Sure...#printbutton is the ID of your print button.

<a href="#" id="printbutton">Print</a>
<div id="iframe_parent"></div>

<script src="PATH-to-JQUERY"></script>
<script>
$('#printbutton').click(function(){
var iframe = document.createElement('iframe');
iframe.setAttribute('src', 'path/to/iframe/page/');
document.getElementById('iframe_parent').appendChild(iframe);
});
</script>