1

我正在使用以下代码打印 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 弹出框中使用此代码，在所有浏览器中打印似乎都很好，除了将文件导出到 xps 文件的 Internet Explorer，此打印文件不仅包括来自弹出窗口的内容，还包括页面内容与弹出内容重叠。有谁知道如何解决这个问题？

4

0 回答 0