Question

我使用以下代码打印div元素 -

                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                    <title>Untitled Page</title>

                    <script language="javascript" type="text/javascript">
                        function printDiv(divID) {
                            //Get the HTML of div
                            var divElements = document.getElementById(divID).innerHTML;
                            //Get the HTML of whole page
                            var oldPage = document.body.innerHTML;

                            //Reset the page's HTML with div's HTML only
                            document.body.innerHTML = 
                              "<html><head><title></title></head><body>" + 
                              divElements + "</body>";

                            //Print Page
                            window.print();

                            //Restore orignal HTML
                            document.body.innerHTML = oldPage;


                        }
                    </script>

                </head>
                <body>
                    <form id="form1" runat="server">
                    <div id="printablediv" style="width: 100%; background-color: Blue; height: 200px">
                        Print me I am in 1st Div
                    </div>
                    <div id="donotprintdiv" style="width: 100%; background-color: Gray; height: 200px">
                        I am not going to print
                    </div>
                    <input type="button" value="Print 1st Div" onclick="javascript:printDiv('printablediv')" />
                    </form>
                </body>`enter code here`
                </html>

我在jquery弹出框中使用此代码，除了Internet Explorer将文件导出到xps文件外，所有浏览器中的打印效果都很好，此打印文件不仅包含弹出窗口中的内容，还包括与弹出内容重叠的页面内容。有没有人知道如何解决这个问题？

在导出到xps文件时，在Internet Explorer中打印问题

0 个答案: