打印预览显示在Chrome网页中

时间:2017-06-17 02:34:54

标签: javascript

单击“打印”按钮后,我会看到“打印”对话框。

实际结果: 当我在打印对话框上单击Cancel时,它会在网页中显示打印预览。

预期结果: 我想要的是在Print Dialog bog之前显示我所在的实际网页。

打印代码:

function printMap(){ 
    var printMapOnly = document.getElementById('regions_div').innerHTML;
    document.body.innerHTML = printMapOnly;
    window.print();
    }

打印按钮:

<button class="btn btn-print" onclick="printMap('regions_div')">Print</button>

1 个答案:

答案 0 :(得分:1)

根据this我将网页内容设置回原始内容

更新:

function printMap(){ 
    var originalContent = document.body.innerHTML
    var printMapOnly = document.getElementById('regions_div').innerHTML;
    document.body.innerHTML = printMapOnly;
    window.print();

    document.body.innerHTML = originalContent;
    }

希望它可以帮助别人。