无法使用JavaScript在IE上打印iframe,而是打印父页面

时间:2013-07-10 14:44:29

标签: javascript jquery internet-explorer printing focus

我有以下JavaScript代码:

$(document).ready(function() {
    $('a#print_button').click(function(event) {
        event.preventDefault();

        var print_url = 'print.html';

        if ($('#print_page').length == 0) {
            $("body").append('<iframe id="print_page" name="print_page" src=' + print_url + ' style="display: none; @media print { display: block; }"></iframe>');
        } else {
            $('#print_page').attr("src", print_quote_url);
        }

        $('#print_page').on("load", function() {
            frames["print_page"].focus();
            frames["print_page"].print();
        });
    });
});

适用于Chrome和Firefox。但是当我点击IE上的按钮时,它会打印父页面,而不是打印iframe。

1 个答案:

答案 0 :(得分:19)

我一直在寻找在Internet Explorer中打印Iframe的解决方案。经过数小时的搜索,我得到了解决方案。它对我有用。请检查以下链接

http://bytes.com/topic/misc/answers/629926-ie7-printing-iframe-solution

document.execCommand('print', false, null);