1

我正在使用以下代码在新窗口中打印 div：

$('#PrintNews').bind('click', function () {          
        var approot = '<%=AppRoot %>';
        var printContents = new $("#divToPrint").clone();
        var myWindow = window.open("", "popup", "width=800,height=600,scrollbars=yes,resizable=yes," +
             "toolbar=no,directories=no,location=no,menubar=no,status=no,left=250px,top=80px");
         var doc = myWindow.document;

         doc.open();
         $(printContents).find("#PrintNews").remove();
         $(printContents).find("#bottom").remove();
         doc.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
         doc.write("<html>");
         doc.write("<head>");
         doc.write("<link href='" + approot + "/Themes/print.css' rel='stylesheet' type='text/css' />");
         doc.write("<link href='" + approot + "/Themes/secretaryPortal.css' rel='stylesheet' type='text/css' />");
         doc.write("</head>");
         doc.write("<body style='font: 11pt/1.2 Arial !important;'>");
         doc.write("<div class='story'>");
         doc.write($(printContents).html());
         doc.write("</div>");
         doc.write("</body>");
         doc.write("</html>");
         myWindow.document.close();
         myWindow.focus();
         myWindow.print();
         myWindow.close();           
        });

});

它确实打开了打印对话框，但页面没有原始 css。如果我将最后 4 行更改为：

         doc.document.close();
         doc.focus();
         doc.print();
         doc.close();

它使用正确的 CSS 打开页面但未打开打印对话框。我收到一条错误消息Uncaught TypeError: Cannot call method 'close' of undefined

我必须在新窗口中打开它，因为我需要重新调整大小以打印对话框，我知道@media print

4

2 回答 2

1

在您的描述中，而不是：

doc.document.close();
doc.focus();
doc.print();
doc.close();

利用：

myWindow.focus();
myWindow.print();
myWindow.close();
于 2013-09-19T14:07:23.140 回答
1

这是最终的解决方案：*感谢上面的 Yussuf

  $('#PrintNews').bind('click', function () {          
        var approot = '<%=AppRoot %>';
        var printContents = new $("#divToPrint").clone();
        var myWindow = window.open("", "popup", "width=800,height=600,scrollbars=yes,resizable=yes," +
             "toolbar=no,directories=no,location=no,menubar=no,status=no,left=250px,top=80px");             

         $(printContents).find("#PrintNews").remove();
         $(printContents).find("#bottom").remove();
         myWindow.document.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
         myWindow.document.write("<html>");
         myWindow.document.write("<head>");
         myWindow.document.write("<link href='" + approot + "/Themes/print.css' rel='stylesheet' type='text/css' />");
         myWindow.document.write("<link href='" + approot + "/Themes/secretaryPortal.css' rel='stylesheet' type='text/css' />");
         myWindow.document.write("</head>");
         myWindow.document.write("<body style='font: 11pt/1.2 Arial !important;'>");
         myWindow.document.write("<div class='story'>");
         myWindow.document.write($(printContents).html());
         myWindow.document.write("</div>");
         myWindow.document.write("</body>");
         myWindow.document.write("</html>");
        myWindow.focus();
         myWindow.print();
        myWindow.close();
        });
于 2013-09-19T14:38:30.640 回答