javascript - Chrome 网页中显示的打印预览

Question

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

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

预期结果:我想要的是显示我在打印对话框沼泽之前所在的实际网页。

打印代码:

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>

Answer 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;
    }

希望它对其他人有帮助。