Question

我有一个页面，我使用java脚本和css来显示图形。当我尝试使用div内容打印图形并打开新窗口时，它不起作用。以下是图表页面和打印窗口的屏幕截图

我试图在打印之前放入css并且还添加了bootstrap js但是stil不起作用。下面是我复制表格stackoverflow并根据需要修改的代码。谢谢。

 function printDiv() {
        debugger;

        var printContents = $('body').clone().find('script').remove().end().html();

        // get all <links> and remove all the <script>'s from the header that could run on the new window
        var allLinks = $('head').clone().find('script').remove().end().html();

        var js = "";
                        js += "@Html.Raw(string.Format("<script src='/SkillsAssessmentModule/Scripts/bootbox.min.js'/>"))";
       // open a new window
        var popupWin = window.open('', '_blank');
        // ready for writing
        popupWin.document.open();

        // -webkit-print-color-adjust to keep colors for the printing version
        var keepColors = '<style>body {-webkit-print-color-adjust: exact !important; }</style>';

        // writing
        // onload="window.print()" to print straigthaway
        popupWin.document.write('<html><head>' + keepColors + allLinks + '</head><body>' + document.getElementById("lProgress").innerHTML + js + '</body></html>');
        popupWin.print();
        // close for writing
        popupWin.document.close();
        setTimeout(function () { popupWin.close(); }, 1);
    }
</script>

}

Window.print无法用于打印图

0 个答案: