是否有可能使用javascript单击按钮创建一个iframe

Question

我有一个打印按钮的UI，我想创建一个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是您的打印按钮的ID。

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