Ich habe viele Webprojekte durchgeführt. In den meisten Fällen verwendet ich JavaScript, wenn der Druckseiteninhalt die integrierte Druckmethode des Systems zum Drucken aufruft, dh printcontrol.execwb (?,?), Um direkte Druck- und Druckvorschau-Funktionen zu erzielen. Obwohl der Druckeffekt und die Kontrollierbarkeit nicht sehr gut sind, kann er kaum verwendet werden, und es ist immer noch in Ordnung, mit dem allgemeinen Druck umzugehen.
Der Code sieht so aus:
Code
CODE HINDIGINGING VON ACTIPRO CODHIGHLARDER (FREESWARE) http://www.codeHighlighter.com/-> // Printcontrol.execwb (?) Aufrufen, um direkte Druck- und Druckvorschau-Funktionen zu erzielen. (Einige Bereiche können nicht direkt versteckt werden, indem sie mit der vom System bereitgestellten Print () -Methode drucken) // Vorschau: Ob die Vorschau angezeigt werden soll. NULL/FALSE: Nicht angezeigt, true: Anzeigefunktion PrintPage (Vorschau) {try {var content = window.document.body.innnerHtml; var oricontent = content; content = content.replace ("{$ printhide}", "style = 'display: none'"); if (content.indexof ("id =/" printControl/"") <0) content = content+"<Objekt -ID =/" printControl/"width = 0 lhish = 0 ClassId =/"clSID: 8856F961-340A-11D0-A96B-00C04FD705A2/"> </Object> "; Attribute, (6,1) drucken, (6,6) direkt drucken, (8,1) Seiteneinstellungen if (Vorschau == NULL || Preview == False) printcontrol.execwb (6,1); else printcontrol.execwb (7,1); // olecmdid_print = 7; Olecmdexecopt_dontpromptuser = 6/olecmdexecopt_promptuser = 1Window.document }} function printconten (Vorschau, html) {try {var content = html; var oricontent = window.document.body.innerHtml; while (content.indexof ("{$ printhide}")> = 0) content = content ClassId =/"clSID: 8856F961-340A-11D0-A96B-00C04FD705A2/"> </Object> "; Attribute, (6,1) drucken, (6,6) direkt drucken, (8,1) Seiteneinstellungen if (Vorschau == NULL || Preview == False) printcontrol.execwb (6,1); else printcontrol.execwb (7,1); // olecmdid_print = 7; Olecmdexecopt_dontpromptuser = 6/olecmdexecopt_promptuser = 1Window.document }}Die beiden oben genannten Funktionen werden in einer JS -Datei platziert. In dem Seiteninhalt kann der Inhalt des angegebenen Teils durch Anwenden der Skriptdatei und Aufrufen der weiteren inkapselten Funktion gedruckt werden:
<script Language = "javaScript"> Funktion print (Vorschau) {var text = document.getElementById ("Inhalt"). InnerHtml; PrintConten (Vorschau, Text);}Der Druckeffekt ist in der folgenden Abbildung grob dargestellt. Wenn sich die gedruckte Seite auf der Bildseite befindet, müssen Sie die Option "Nur ausgewählte Frames drucken" auswählen.
Bei der Verwendung dieser Methode müssen keine Steuerelemente installiert werden, was gute Kompatibilitätsvorteile hat. Der Inhalt des Berichts scheint jedoch problematisch zu kontrollieren. Insbesondere für das Drucken einiger Berichte ist es erforderlich, komplexe Inhalte auszugeben, die auch bestimmte Mängel aufweisen, aber insgesamt ist es auch eine bessere Wahl.
Später, als ich einige Arbeiten an der Dokument-Setup erledigen musste, konnte diese Steuerung nicht durchgeführt werden. Daher brauchte ich eine Methode oder eine Steuerung, die das Aufbau besser verarbeiten konnte.
Zufällig fand ich eine bessere Druckkontrolle, die das Drucken in verschiedenen Formaten unterstützt, und auch die ID -Set, die mir wichtig ist. Es ist leistungsstark und einfach zu bedienen und wird sehr empfohlen.
Bei Verwendung dieser Kontrolle lautet der Druckeffekt eines normalen Berichts wie folgt:
Der Druck der beiden oben genannten Berichte ist tatsächlich ähnlich, die beide Teil des HTML -Inhalts gedruckt sind. Letzteres sieht jedoch besser aus und bietet sehr vollständige Berichtsfunktionseinstellungen.
Der Code ist ungefähr wie folgt.
Code
<script Language = "javaScript"> Funktion print (Vorschau) {var text = document.getElementById ("Inhalt"). InnerHtml; printconten (preview, text);} </script> <script Language = "javascript" src = "http://ww.cnblogs.com/script =Script =Script/CHECKS/CHECKS/CHECTS/CHECKS/CHECTS/CHECKS/Script = classId = "clSID: 2105C259-1e0C-4534-8141-A753534CB4CA" width = 0 HAGH = 0> </Object> <script Language = "JavaScript"> var lodop = document.getElementById ("lodop"); // Diese Zeile der Anweisung soll dem DTD -Spezifikations -Checklodop (); </script> <script Language = "JavaScript" type = "text/javaScript"> function Preview () {// Preview Preview CreateLicensedata (); Lodop.set_show_Mode ("Preview_in_in_browse), 1), 1), 1), 1), 1), 1), 1), 1), einhalten, um zu entsprechen. {// Drucken Sie die Wartung zum Anpassen der Position für den Benutzer createLicensedata (); lodop.print_setup (); Bericht "); lodop.add_print_htm (20, 40, 610, 900, document.All (" Inhalt "). InnerHtml); lodop.preview ();} </script>Oft wird der Inhalt, den wir nicht haben, von CSS gesteuert. Manchmal, wenn wir einen Teil von HTML ohne diese Stile drucken, können sich das Tischformat und die herausgebenden Schriftarten ändern und nicht sehr gut aussehen. Dann müssen Sie HTML stylen.
Wenn Sie einen Stil für den gedruckten Inhalt festlegen, ist die Benutzeroberfläche viel besser.
Der Code zum Festlegen des Stils ist wie folgt.
Code
<script Language = "javaScript" type = "text/javaScript"> Funktion preview () {// Print Preview createLicensedata (); lodop.set_show_mode ("preview_in_browse", 1); lodop.preview (); = "<link type = 'text/css' rel = 'styleSheet' href = 'http: //www.cnblogs.com/themes/default/style.cSSS'/> <style> <!-Tabelle {Border: 1; Hintergrund-Color: #cbcbcc} td {Hintergrund-Farben # # # # # # # # # # # # # # # # # # #. Hintergrundfarbe:#F1F1F3; Padding-Links: 5px; Border: 1}-> </style> "; strformhtml); lodop.preview ();} </script>Das oben genannte ist die vom Editor eingeführte Webdrucklösung der Webdrucklösung. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!