Можно ли создать iframe по нажатию кнопки, используя JavaScript

Question

У меня есть пользовательский интерфейс с кнопкой печати, я хочу создать iframe по нажатию кнопки печати, возможно ли использовать javascript?

Answer 1

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

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

};

Конечно, если вы собираетесь вложить больше событий того же типа, используйте addEventListener().

Если в вашем распоряжении jQuery ...

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

Answer 2

Конечно ... # printbutton - это идентификатор вашей кнопки печати. ​​

<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>

Answer 3

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#button').click(function(){
        if(!$('#iframe').length) {
                $('#iframeHolder').html('<iframe id="iframe" src="http://w3schools.com" width="700" height="450"></iframe>');
        }
    });   
});
</script>

<a id="button">Button</a>
<div id="iframeHolder"></div>